Merge pull request #99 from seegno/feature/react-prefer-stateless-fun…

…ction

Add react prefer-stateless-function rule

src/index.js

@@ -213,6 +213,7 @@ module.exports = {
     'react/no-string-refs': 'error',
     'react/no-unknown-property': 'error',
     'react/prefer-es6-class': 'error',
+    'react/prefer-stateless-function': 'error',
     'react/react-in-jsx-scope': 'error',
     'react/self-closing-comp': 'error',
     'react/sort-comp': ['error', {

test/fixtures/correct.js

@@ -405,3 +405,18 @@ const TagSpacing = () => (
 );
 
 noop(TagSpacing);
+
+// `react/prefer-stateless-function`.
+class PreferStatelessFunction extends React.Component {
+
+  getFoo = () => {
+    return 'foo';
+  }
+
+  render() {
+    return this.getFoo();
+  }
+
+}
+
+noop(PreferStatelessFunction);

test/fixtures/incorrect.js

@@ -422,3 +422,14 @@ const TagSpacingClosingSlash = () => (
 );
 
 noop(TagSpacingClosingSlash);
+
+// `react/prefer-stateless-function`.
+class PreferStatelessFunction extends React.Component {
+
+  render() {
+    return null;
+  }
+
+}
+
+noop(PreferStatelessFunction);

test/index.js

@@ -135,7 +135,8 @@ describe('eslint-config-seegno', () => {
       'react/jsx-tag-spacing',
       'react/jsx-tag-spacing',
       'react/jsx-tag-spacing',
-      'react/jsx-tag-spacing'
+      'react/jsx-tag-spacing',
+      'react/prefer-stateless-function'
     ]);
   });
 });