[guide] [react] add a note preferring normal functions for functional stateless components.

ljharb · ljharb · commit da1d031ff847 · 2016-01-26T15:03:13.000-08:00
diff --git a/react/README.md b/react/README.md
@@ -47,7 +47,7 @@
     }
     ```
 
-    And if you don't have state or refs, prefer functions over classes:
+    And if you don't have state or refs, prefer normal functions (not arrow functions) over classes:
 
     ```javascript
 
@@ -58,6 +58,11 @@
       }
     }
 
+    // bad (since arrow functions do not have a "name" property)
+    const Listing = ({ hello }) => (
+      <div>{hello}</div>
+    );
+
     // good
     function Listing({ hello }) {
       return <div>{hello}</div>;

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@`
`47`	`47`	`}`
`48`	`48`	```
`49`	`49`
`50`		`- And if you don't have state or refs, prefer functions over classes:`
	`50`	`+ And if you don't have state or refs, prefer normal functions (not arrow functions) over classes:`
`51`	`51`
`52`	`52`	```javascript
`53`	`53`
`@@ -58,6 +58,11 @@`
`58`	`58`	`}`
`59`	`59`	`}`
`60`	`60`
	`61`	`+ // bad (since arrow functions do not have a "name" property)`
	`62`	`+ const Listing = ({ hello }) => (`
	`63`	`+ <div>{hello}</div>`
	`64`	`+ );`
	`65`	`+`
`61`	`66`	`// good`
`62`	`67`	`function Listing({ hello }) {`
`63`	`68`	`return <div>{hello}</div>;`