@@ -36,15 +36,15 @@
     const Listing = React.createClass({
       // ...
       render: function() {
-        return <div>{ this.state.hello }</div>;
+        return <div>{this.state.hello}</div>;
       }
     });
 
     // good
     class Listing extends React.Component {
       // ...
       render() {
-        return <div>{ this.state.hello }</div>;
+        return <div>{this.state.hello}</div>;
       }
     }
     ```
@@ -56,13 +56,13 @@
     // bad
     class Listing extends React.Component {
       render() {
-        return <div>{ this.props.hello }</div>;
+        return <div>{this.props.hello}</div>;
       }
     }
     
     // good
-    function Listing({ hello }){
-      return <div>{ hello }</div>;
+    function Listing ({ hello }) {
+      return <div>{hello}</div>;
     }
     ```
Original file line number	Diff line number	Diff line change
`@@ -36,15 +36,15 @@`
`36`	`36`	`const Listing = React.createClass({`
`37`	`37`	`// ...`
`38`	`38`	`render: function() {`
`39`		`- return <div>{ this.state.hello }</div>;`
	`39`	`+ return <div>{this.state.hello}</div>;`
`40`	`40`	`}`
`41`	`41`	`});`
`42`	`42`
`43`	`43`	`// good`
`44`	`44`	`class Listing extends React.Component {`
`45`	`45`	`// ...`
`46`	`46`	`render() {`
`47`		`- return <div>{ this.state.hello }</div>;`
	`47`	`+ return <div>{this.state.hello}</div>;`
`48`	`48`	`}`
`49`	`49`	`}`
`50`	`50`	```
`@@ -56,13 +56,13 @@`
`56`	`56`	`// bad`
`57`	`57`	`class Listing extends React.Component {`
`58`	`58`	`render() {`
`59`		`- return <div>{ this.props.hello }</div>;`
	`59`	`+ return <div>{this.props.hello}</div>;`
`60`	`60`	`}`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`// good`
`64`		`- function Listing({ hello }){`
`65`		`- return <div>{ hello }</div>;`
	`64`	`+ function Listing ({ hello }) {`
	`65`	`+ return <div>{hello}</div>;`
`66`	`66`	`}`
`67`	`67`	```
`68`	`68`