moved to using XO

.eslintrc

@@ -1,483 +0,0 @@
-{
-  "env": {
-    "es6": true,
-    "node": true
-  },
-  "parser": "babel-eslint",
-  "parserOptions": {
-    "ecmaVersion": 8,
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "impliedStrict": true,
-      "jsx": true,
-      "experimentalObjectRestSpread": true
-    }
-  },
-  "plugins": [
-    "react",
-    "react-native",
-    "babel"
-  ],
-  "rules": {
-    /*
-     *                          possible errors
-     */
-    "comma-dangle": "error",
-    "no-cond-assign": [
-      "error",
-      "except-parens"
-    ],
-    "no-console": "error",
-    "no-constant-condition": "error",
-    "no-control-regex": "error",
-    "no-debugger": "warn",
-    "no-dupe-args": "error",
-    "no-dupe-keys": "error",
-    "no-duplicate-case": "error",
-    "no-empty": "error",
-    "no-empty-character-class": "error",
-    "no-ex-assign": "error",
-    "no-extra-boolean-cast": "error",
-    "no-extra-parens": 0,
-    "no-extra-semi": "error",
-    "no-func-assign": "error",
-    "no-inner-declarations": "error",
-    "no-invalid-regexp": "error",
-    "no-irregular-whitespace": "error",
-    "no-negated-in-lhs": "error",
-    "no-obj-calls": "error",
-    "no-regex-spaces": "error",
-    "no-sparse-arrays": "error",
-    "no-unexpected-multiline": "error",
-    "no-unreachable": "error",
-    "use-isnan": "error",
-    "valid-jsdoc": 0,
-    "valid-typeof": "error",
-    /*
-     *                          best practices
-     */
-    "accessor-pairs": "warn",
-    "array-callback-return": 0,
-    "block-scoped-var": "error",
-    "complexity": 0,
-    "consistent-return": "error",
-    "curly": [
-      "error",
-      "all"
-    ],
-    "default-case": "error",
-    "dot-location": [
-      "error",
-      "property"
-    ],
-    "dot-notation": "error",
-    "eqeqeq": "error",
-    "guard-for-in": "error",
-    "no-alert": "error",
-    "no-caller": "error",
-    "no-case-declarations": "error",
-    "no-div-regex": 0,
-    "no-else-return": 0,
-    "no-empty-function": "error",
-    "no-empty-pattern": "error",
-    "no-eq-null": "error",
-    "no-eval": "error",
-    "no-extend-native": "error",
-    "no-extra-bind": "error",
-    "no-extra-label": "error",
-    "no-fallthrough": "error",
-    "no-floating-decimal": "error",
-    "no-implicit-coercion": "error",
-    "no-implicit-globals": 0,
-    "no-implied-eval": "error",
-    "no-invalid-this": 0,
-    "no-iterator": "error",
-    "no-labels": "error",
-    "no-lone-blocks": "error",
-    "no-loop-func": "error",
-    "no-magic-numbers": 0,
-    "no-multi-spaces": "error",
-    "no-multi-str": 0,
-    "no-native-reassign": "error",
-    "no-new": "error",
-    "no-new-func": "error",
-    "no-new-wrappers": "error",
-    "no-octal": "error",
-    "no-octal-escape": "error",
-    "no-param-reassign": "error",
-    "no-proto": "error",
-    "no-redeclare": 0,
-    "no-return-assign": 0,
-    "no-script-url": "error",
-    "no-self-assign": "error",
-    "no-self-compare": "error",
-    "no-sequences": "error",
-    "no-throw-literal": "error",
-    "no-unmodified-loop-condition": 0,
-    "no-unused-expressions": "error",
-    "no-unused-labels": 0,
-    "no-useless-call": "error",
-    "no-useless-concat": "error",
-    "no-void": "error",
-    "no-warning-comments": 0,
-    "no-with": "error",
-    "radix": 0,
-    "vars-on-top": 0,
-    "wrap-iife": "error",
-    "yoda": 0,
-    "strict": [
-      "error",
-      "never"
-    ],
-    /*
-     *                           variables
-     */
-    "init-declarations": 0,
-    "no-catch-shadow": "error",
-    "no-delete-var": "error",
-    "no-label-var": "error",
-    "no-restricted-globals": "error",
-    "no-shadow": "error",
-    "no-shadow-restricted-names": "error",
-    "no-undef": 0,
-    "no-undef-init": "error",
-    "no-undefined": 0,
-    "no-unused-vars": 0,
-    "no-use-before-define": 0,
-    /*
-     *                          Node.js
-     */
-    "callback-return": 0,
-    "global-require": 0,
-    "handle-callback-err": 0,
-    "no-mixed-requires": "error",
-    "no-new-require": "error",
-    "no-path-concat": "error",
-    "no-process-env": 0,
-    "no-process-exit": "error",
-    "no-restricted-modules": 0,
-    "no-sync": 0,
-    /*
-     *                          style
-     */
-    "array-bracket-spacing": [
-      "error",
-      "never"
-    ],
-    "block-spacing": "error",
-    "brace-style": [
-      "error",
-      "1tbs"
-    ],
-    "camelcase": [
-      "error",
-      {
-        "properties": "never"
-      }
-    ],
-    "comma-spacing": [
-      "error",
-      {
-        "before": false,
-        "after": true
-      }
-    ],
-    "comma-style": [
-      "error",
-      "last"
-    ],
-    "computed-property-spacing": [
-      "error",
-      "never"
-    ],
-    "consistent-this": [
-      "error",
-      "self"
-    ],
-    "eol-last": [
-      "error",
-      "unix"
-    ],
-    "func-names": 0,
-    "func-style": 0,
-    "id-blacklist": 0,
-    "id-length": 0,
-    "id-match": 0,
-    "indent": [
-      "error",
-      2,
-      {
-        "SwitchCase": 1
-      }
-    ],
-    "jsx-quotes": "error",
-    "key-spacing": [
-      "error",
-      {
-        "singleLine": {
-          "beforeColon": false,
-          "afterColon": true,
-          "mode": "strict"
-        },
-        "multiLine": {
-          "beforeColon": false,
-          "afterColon": true,
-          "mode": "strict"
-        }
-      }
-    ],
-    "keyword-spacing": [
-      "error",
-      {
-        "before": true,
-        "after": true
-      }
-    ],
-    "linebreak-style": [
-      "error",
-      "unix"
-    ],
-    "lines-around-comment": 0,
-    "max-depth": [
-      "error",
-      4
-    ],
-    "max-len": [
-      "warn",
-      150
-    ],
-    "max-nested-callbacks": [
-      "error",
-      4
-    ],
-    "max-params": [
-      "error",
-      6
-    ],
-    "max-statements": [
-      "error",
-      15,
-      {
-        "ignoreTopLevelFunctions": true
-      }
-    ],
-    "new-cap": [
-      "error",
-      {
-        "capIsNewExceptions": [
-          "Immutable"
-        ]
-      }
-    ],
-    "new-parens": "error",
-    "newline-after-var": 0,
-    "newline-before-return": 0,
-    "newline-per-chained-call": 0,
-    "no-array-constructor": "error",
-    "no-bitwise": 0,
-    "no-continue": 0,
-    "no-inline-comments": 0,
-    "no-lonely-if": "error",
-    "no-mixed-spaces-and-tabs": 0,
-    "no-multiple-empty-lines": [
-      "error",
-      {
-        "max": 1
-      }
-    ],
-    "no-negated-condition": 0,
-    "no-nested-ternary": "error",
-    "no-new-object": "error",
-    "no-plusplus": 0,
-    "no-restricted-syntax": 0,
-    "no-spaced-func": "error",
-    "no-ternary": 0,
-    "no-trailing-spaces": [
-      "error",
-      {
-        "skipBlankLines": true
-      }
-    ],
-    "no-underscore-dangle": 0,
-    "no-unneeded-ternary": "error",
-    "no-whitespace-before-property": "error",
-    "object-curly-spacing": [
-      "error",
-      "always"
-    ],
-    "one-var": 0,
-    "one-var-declaration-per-line": 0,
-    "operator-assignment": 0,
-    "operator-linebreak": [
-      "error",
-      "before"
-    ],
-    "padded-blocks": [
-      "error",
-      "never"
-    ],
-    "quote-props": [
-      "error",
-      "consistent-as-needed"
-    ],
-    "quotes": 0,
-    "require-jsdoc": 0,
-    "semi": [
-      "error",
-      "always"
-    ],
-    "semi-spacing": [
-      "error",
-      {
-        "before": false,
-        "after": true
-      }
-    ],
-    "sort-imports": 0,
-    "sort-vars": 0,
-    "space-before-blocks": [
-      "error",
-      "always"
-    ],
-    "space-in-parens": [
-      "error",
-      "never"
-    ],
-    "space-infix-ops": "error",
-    "space-unary-ops": "error",
-    "spaced-comment": 0,
-    "wrap-regex": "error",
-    /*
-     *                             ECMAScript 6
-     */
-    "arrow-body-style": 0,
-    "arrow-parens": [
-      "error",
-      "always"
-    ],
-    "arrow-spacing": [
-      "error",
-      {
-        "before": true,
-        "after": true
-      }
-    ],
-    "constructor-super": "error",
-    "generator-star-spacing": [
-      "error",
-      "after"
-    ],
-    "no-class-assign": "error",
-    "no-confusing-arrow": "error",
-    "no-const-assign": "error",
-    "no-dupe-class-members": "error",
-    "no-new-symbol": "error",
-    "no-restricted-imports": 0,
-    "no-this-before-super": "error",
-    "no-useless-constructor": 0,
-    "no-var": "error",
-    "object-shorthand": 0,
-    "prefer-arrow-callback": 0,
-    "prefer-const": "error",
-    "prefer-reflect": 0,
-    "prefer-rest-params": "error",
-    "prefer-spread": "error",
-    "prefer-template": 0,
-    "require-yield": 0,
-    "template-curly-spacing": [
-      "error",
-      "never"
-    ],
-    "yield-star-spacing": [
-      "error",
-      "after"
-    ],
-    /*
-     *                              react plugin
-     */
-    "react/display-name": 0,
-    "react/forbid-prop-types": [
-      "error",
-      {
-        "forbid": [
-          "any"
-        ]
-      }
-    ],
-    "react/no-danger": "error",
-    "react/no-deprecated": "error",
-    "react/no-did-mount-set-state": "error",
-    "react/no-did-update-set-state": "error",
-    "react/no-direct-mutation-state": "error",
-    "react/no-is-mounted": "error",
-    "react/no-multi-comp": "error",
-    "react/no-set-state": 0,
-    "react/no-string-refs": 0,
-    "react/no-unknown-property": 0,
-    "react/prefer-es6-class": [
-      "error",
-      "always"
-    ],
-    "react/prefer-stateless-function": 0,
-    "react/prop-types": 0,
-    "react/react-in-jsx-scope": "error",
-    "react/require-extension": 0,
-    "react/self-closing-comp": "error",
-    "react/sort-comp": 0,
-    "react/sort-prop-types": 0,
-    "react/jsx-wrap-multilines": "error",
-    "react/jsx-boolean-value": [
-      "error",
-      "always"
-    ],
-    "react/jsx-closing-bracket-location": "error",
-    "react/jsx-curly-spacing": [
-      "error",
-      "never"
-    ],
-    "react/jsx-equals-spacing": [
-      "error",
-      "never"
-    ],
-    "react/jsx-handler-names": [
-      "error",
-      {
-        "eventHandlerPropPrefix": "handle"
-      }
-    ],
-    "react/jsx-indent-props": [
-      0,
-      2
-    ],
-    "react/jsx-indent": [
-      "error",
-      2
-    ],
-    "react/jsx-key": "error",
-    "react/jsx-max-props-per-line": [
-      "error",
-      {
-        "maximum": 2
-      }
-    ],
-    "react/jsx-no-bind": 0,
-    "react/jsx-no-duplicate-props": [
-      "error",
-      {
-        "ignoreCase": true
-      }
-    ],
-    "react/jsx-no-literals": "error",
-    "react/jsx-no-undef": "error",
-    "react/jsx-pascal-case": "error",
-    "react/jsx-sort-props": 0,
-    "react/jsx-space-before-closing": 0,
-    "react/jsx-uses-react": "error",
-    "react/jsx-uses-vars": "error",
-    /*
-     *                              react-native plugin
-     */
-    "react-native/no-unused-styles": "error",
-    "react-native/split-platform-components": "error"
-  }
-}

README.md

@@ -344,11 +344,11 @@ class LifecycleScreen extends Component {
   }
 
   onStop() {
-    alert('onStop'); //eslint-disable-line
+    alert('onStop');
   }
 
   componentWillUnmount() {
-    alert('componentWillUnmount'); //eslint-disable-line
+    alert('componentWillUnmount');
   }
 
   render() {

e2e/Modals.test.js

@@ -1,4 +1,5 @@
 const Utils = require('./Utils');
+
 const elementByLabel = Utils.elementByLabel;
 
 describe('modal', () => {

e2e/ScreenStack.test.js

@@ -1,4 +1,5 @@
 const Utils = require('./Utils');
+
 const elementByLabel = Utils.elementByLabel;
 
 describe('screen stack', () => {

e2e/ScreenStyle.test.js

@@ -1,4 +1,5 @@
 const Utils = require('./Utils');
+
 const elementByLabel = Utils.elementByLabel;
 
 describe('screen style', () => {

e2e/TopLevelApi.test.js

@@ -1,4 +1,5 @@
 const Utils = require('./Utils');
+
 const elementByLabel = Utils.elementByLabel;
 
 describe('top level api', () => {

e2e/init.js

@@ -1,4 +1,3 @@
-/*eslint-disable*/
 require('babel-polyfill');
 const detox = require('detox');
 
@@ -11,7 +10,7 @@ before(async () => {
         name: 'iPhone 7'
       }
     }
-  }
+  };
   await detox.init(detoxConfig);
 });
 

integration/env.test.js

@@ -1,4 +1,5 @@
 import * as _ from 'lodash';
+
 describe('test environment', () => {
   it('handles object spread', () => {
     const { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };

integration/remx/component.js

@@ -6,19 +6,12 @@ import { connect } from 'remx/react-native';
 import * as store from './store';
 
 class MyContainer extends Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     if (this.props.renderCountIncrement) {
       this.props.renderCountIncrement();
     }
-    if (this.props.printAge) {
-      return this.renderText(this.props.age);
-    } else {
-      return this.renderText(this.props.name);
-    }
+
+    return this.renderText(this.props.printAge ? this.props.age : this.props.name);
   }
 
   renderText(txt) {
@@ -28,7 +21,7 @@ class MyContainer extends Component {
   }
 }
 
-function mapStateToProps(ownProps) {
+function mapStateToProps() {
   return {
     name: store.getters.getName(),
     age: store.getters.getAge()

integration/remx/remx.test.js

@@ -1,6 +1,6 @@
-import React from 'react';
+const React = require('react');
 require('react-native');
-import renderer from 'react-test-renderer';
+const renderer = require('react-test-renderer');
 
 describe('remx support', () => {
   let MyConnectedContainer;
@@ -20,7 +20,6 @@ describe('remx support', () => {
   it('rerenders as a result of an underlying state change (by selector)', () => {
     const renderCountIncrement = jest.fn();
     const tree = renderer.create(<MyConnectedContainer renderCountIncrement={renderCountIncrement} />);
-    const instance = tree.getInstance();
 
     expect(tree.toJSON().children).toEqual(['no name']);
     expect(renderCountIncrement).toHaveBeenCalledTimes(1);
@@ -35,7 +34,6 @@ describe('remx support', () => {
   it('rerenders as a result of an underlying state change with a new key using merge', () => {
     const renderCountIncrement = jest.fn();
     const tree = renderer.create(<MyConnectedContainer printAge={true} renderCountIncrement={renderCountIncrement} />);
-    const instance = tree.getInstance();
 
     expect(tree.toJSON().children).toEqual(null);
     expect(renderCountIncrement).toHaveBeenCalledTimes(1);

lib/src/commands/Commands.test.js

@@ -66,15 +66,15 @@ describe('Commands', () => {
 
   describe('setOptions', () => {
     it('deep clones input to avoid mutation errors', () => {
-      const obj = { title: "test" };
+      const obj = { title: 'test' };
       uut.setOptions('theContainerId', obj);
       expect(mockCommandsSender.setOptions.mock.calls[0][1]).not.toBe(obj);
     });
 
     it('passes options for container', () => {
-      uut.setOptions('theContainerId', { title: "1" });
+      uut.setOptions('theContainerId', { title: '1' });
       expect(mockCommandsSender.setOptions).toHaveBeenCalledTimes(1);
-      expect(mockCommandsSender.setOptions).toHaveBeenCalledWith('theContainerId', { title: "1" });
+      expect(mockCommandsSender.setOptions).toHaveBeenCalledWith('theContainerId', { title: '1' });
     });
   });
 
@@ -87,14 +87,14 @@ describe('Commands', () => {
       });
       expect(mockCommandsSender.showModal).toHaveBeenCalledTimes(1);
       expect(mockCommandsSender.showModal).toHaveBeenCalledWith({
-        type: "ContainerStack",
-        id: "ContainerStack+UNIQUE_ID",
+        type: 'ContainerStack',
+        id: 'ContainerStack+UNIQUE_ID',
         data: {},
         children: [{
-          type: "Container",
-          id: "Container+UNIQUE_ID",
+          type: 'Container',
+          id: 'Container+UNIQUE_ID',
           data: {
-            name: "com.example.MyScreen",
+            name: 'com.example.MyScreen',
             navigationOptions: {}
           },
           children: []

lib/src/commands/LayoutTreeCrawler.js

@@ -1,5 +1,4 @@
 import _ from 'lodash';
-import { processColor } from 'react-native';
 import LayoutTypes from './LayoutTypes';
 import optionsProcessor from './OptionsProcessor';
 

lib/src/commands/LayoutTreeCrawler.test.js

@@ -50,7 +50,9 @@ describe('LayoutTreeCrawler', () => {
   it('Containers: injects navigationOptions from original container class static property', () => {
     const theStyle = {};
     const MyContainer = class {
-      static navigationOptions = theStyle;
+      static get navigationOptions() {
+        return theStyle;
+      }
     };
 
     const node = { type: LayoutTypes.Container, data: { name: 'theContainerName' } };
@@ -62,7 +64,9 @@ describe('LayoutTreeCrawler', () => {
   it('Containers: deepClones navigationOptions', () => {
     const theStyle = {};
     const MyContainer = class {
-      static navigationOptions = theStyle;
+      static get navigationOptions() {
+        return theStyle;
+      }
     };
 
     const node = { type: LayoutTypes.Container, data: { name: 'theContainerName' } };
@@ -93,7 +97,9 @@ describe('LayoutTreeCrawler', () => {
     beforeEach(() => {
       navigationOptions = {};
       MyContainer = class {
-        static navigationOptions = navigationOptions;
+        static get navigationOptions() {
+          return navigationOptions;
+        }
       };
       node = { type: LayoutTypes.Container, data: { name: 'theContainerName' } };
       store.setOriginalContainerClassForName('theContainerName', MyContainer);
@@ -154,7 +160,7 @@ describe('LayoutTreeCrawler', () => {
     });
 
     it('keys ending with Color case sensitive', () => {
-      navigationOptions.otherKey_color = 'red';
+      navigationOptions.otherKey_color = 'red'; // eslint-disable-line camelcase
       uut.crawl(node);
       expect(node.data.navigationOptions.otherKey_color).toEqual('red');
     });

lib/src/commands/OptionsProcessor.test.js

@@ -1,5 +1,5 @@
 import optionsProcessor from './OptionsProcessor';
- 
+
 describe('navigation options', () => {
   let navigationOptions;
 
@@ -63,7 +63,7 @@ describe('navigation options', () => {
   });
 
   it('keys ending with Color case sensitive', () => {
-    navigationOptions.otherKey_color = 'red';
+    navigationOptions.otherKey_color = 'red'; // eslint-disable-line camelcase
     optionsProcessor(navigationOptions);
     expect(navigationOptions.otherKey_color).toEqual('red');
   });

lib/src/commands/SimpleLayouts.js

@@ -14,7 +14,7 @@ export const passProps = {
 export const singleScreenWithAditionalParams = {
   container: {
     name: 'com.example.MyScreen',
-    passProps: passProps,
+    passProps,
     style: {},
     buttons: {}
   }

lib/src/containers/ContainerWrapper.test.js

@@ -1,6 +1,6 @@
 /* eslint-disable consistent-this, react/no-multi-comp */
 import React, { Component } from 'react';
-import { AppRegistry, Text } from 'react-native';
+import { Text } from 'react-native';
 import renderer from 'react-test-renderer';
 
 import ContainerWrapper from './ContainerWrapper';
@@ -9,12 +9,9 @@ import Store from './Store';
 describe('ContainerWrapper', () => {
   let store;
   const containerName = 'example.MyContainer';
+  let childRef;
 
   class MyContainer extends Component {
-    constructor(props) {
-      super(props);
-    }
-
     render() {
       return <Text>{'Hello, World!'}</Text>;
     }
@@ -31,7 +28,7 @@ describe('ContainerWrapper', () => {
       const Child = this.ChildClass;
       return (
         <Child
-          ref="child"
+          ref={(r) => childRef = r}
           containerId="container1"
           {...this.state.propsFromState}
         />
@@ -45,12 +42,12 @@ describe('ContainerWrapper', () => {
 
   it('must have containerId as prop', () => {
     const NavigationContainer = ContainerWrapper.wrap(containerName, MyContainer, store);
-    const orig = console.error; //eslint-disable-line
-    console.error = (a) => a; //eslint-disable-line
+    const orig = console.error;
+    console.error = (a) => a;
     expect(() => {
       renderer.create(<NavigationContainer />);
     }).toThrow(new Error('Container example.MyContainer does not have a containerId!'));
-    console.error = orig; //eslint-disable-line
+    console.error = orig;
   });
 
   it('wraps the container', () => {
@@ -70,16 +67,16 @@ describe('ContainerWrapper', () => {
   it('updates props from wrapper into original container', () => {
     const NavigationContainer = ContainerWrapper.wrap(containerName, MyContainer, store);
     const tree = renderer.create(<TestParent ChildClass={NavigationContainer} />);
-    expect(tree.getInstance().refs.child.props.foo).toEqual(undefined);
+    expect(childRef.props.foo).toEqual(undefined);
     tree.getInstance().setState({ propsFromState: { foo: 'yo' } });
-    expect(tree.getInstance().refs.child.props.foo).toEqual('yo');
+    expect(childRef.props.foo).toEqual('yo');
   });
 
   it('pulls props from the store and injects them into the inner container', () => {
     store.setPropsForContainerId('container123', { numberProp: 1, stringProp: 'hello', objectProp: { a: 2 } });
     const NavigationContainer = ContainerWrapper.wrap(containerName, MyContainer, store);
     const tree = renderer.create(<NavigationContainer containerId={'container123'} />);
-    originalContainerProps = tree.getInstance().originalContainerRef.props;
+    const originalContainerProps = tree.getInstance().originalContainerRef.props;
     expect(originalContainerProps).toEqual({ containerId: 'container123', numberProp: 1, stringProp: 'hello', objectProp: { a: 2 } });
   });
 
@@ -87,19 +84,19 @@ describe('ContainerWrapper', () => {
     const NavigationContainer = ContainerWrapper.wrap(containerName, MyContainer, store);
     const tree = renderer.create(<TestParent ChildClass={NavigationContainer} />);
     store.setPropsForContainerId('container1', { myProp: 'hello' });
-    expect(tree.getInstance().refs.child.originalContainerRef.props.foo).toEqual(undefined);
-    expect(tree.getInstance().refs.child.originalContainerRef.props.myProp).toEqual(undefined);
+    expect(childRef.originalContainerRef.props.foo).toEqual(undefined);
+    expect(childRef.originalContainerRef.props.myProp).toEqual(undefined);
     tree.getInstance().setState({ propsFromState: { foo: 'yo' } });
-    expect(tree.getInstance().refs.child.originalContainerRef.props.foo).toEqual('yo');
-    expect(tree.getInstance().refs.child.originalContainerRef.props.myProp).toEqual('hello');
+    expect(childRef.originalContainerRef.props.foo).toEqual('yo');
+    expect(childRef.originalContainerRef.props.myProp).toEqual('hello');
   });
 
   it('protects id from change', () => {
     const NavigationContainer = ContainerWrapper.wrap(containerName, MyContainer, store);
     const tree = renderer.create(<TestParent ChildClass={NavigationContainer} />);
-    expect(tree.getInstance().refs.child.originalContainerRef.props.containerId).toEqual('container1');
+    expect(childRef.originalContainerRef.props.containerId).toEqual('container1');
     tree.getInstance().setState({ propsFromState: { id: 'ERROR' } });
-    expect(tree.getInstance().refs.child.originalContainerRef.props.containerId).toEqual('container1');
+    expect(childRef.originalContainerRef.props.containerId).toEqual('container1');
   });
 
   it('assignes key by id', () => {

lib/src/containers/Lifecycle.test.js

@@ -2,6 +2,7 @@ import Lifecycle from './Lifecycle';
 import Store from '../containers/Store';
 
 describe('Lifecycle', () => {
+  let store;
   let uut;
   let mockRef;
 

lib/src/events/PrivateEventsListener.js

@@ -1,4 +1,3 @@
-import _ from 'lodash';
 import Lifecycle from '../containers/Lifecycle';
 
 export default class PrivateEventsListener {

lib/src/events/PrivateEventsListener.test.js

@@ -1,4 +1,3 @@
-import _ from 'lodash';
 import PrivateEventsListener from './PrivateEventsListener';
 import NativeEventsReceiver from '../adapters/NativeEventsReceiver.mock';
 import Store from '../containers/Store';

package.json

@@ -48,18 +48,17 @@
     "lodash": "4.x.x"
   },
   "devDependencies": {
+    "xo": "0.18.x",
+    "eslint-config-xo": "0.18.x",
+    "eslint-config-xo-react": "0.13.x",
+    "eslint-plugin-react": "7.x.x",
     "babel-cli": "6.x.x",
     "babel-core": "6.x.x",
-    "babel-eslint": "7.x.x",
     "babel-jest": "20.x.x",
     "babel-polyfill": "6.x.x",
     "babel-preset-react-native": "2.x.x",
     "babel-register": "6.x.x",
     "detox": "5.x.x",
-    "eslint": "4.x.x",
-    "eslint-plugin-babel": "4.x.x",
-    "eslint-plugin-react": "7.x.x",
-    "eslint-plugin-react-native": "2.x.x",
     "jest": "20.x.x",
     "jest-cli": "20.x.x",
     "mocha": "3.x.x",
@@ -104,5 +103,79 @@
         "statements": 100
       }
     }
+  },
+  "xo": {
+    "extends": "xo-react",
+    "space": true,
+    "env": [
+      "node",
+      "jest",
+      "es6"
+    ],
+    "globals": [
+      "alert"
+    ],
+    "overrides": [
+      {
+        "files": "e2e/**/*",
+        "env": [
+          "mocha"
+        ],
+        "globals": [
+          "before",
+          "after",
+          "beforeEach",
+          "afterEach",
+          "expect",
+          "element",
+          "by",
+          "device"
+        ]
+      }
+    ],
+    "settings": {
+      "import/core-modules": [
+        "react-native-navigation"
+      ]
+    },
+    "rules": {
+      "unicorn/filename-case": 0,
+      "unicorn/number-literal-case": 0,
+      "import/order": 0,
+      "import/no-unassigned-import": 0,
+      "import/no-unresolved": [
+        2,
+        {
+          "ignore": [
+            "react-native-navigation"
+          ]
+        }
+      ],
+      "react/jsx-tag-spacing": 0,
+      "react/jsx-sort-props": 0,
+      "react/jsx-boolean-value": 0,
+      "react/prop-types": 0,
+      "react/jsx-no-bind": 0,
+      "react/jsx-handler-names": 0,
+      "react/forbid-component-props": 0,
+      "capitalized-comments": 0,
+      "no-use-before-define": [
+        2,
+        {
+          "functions": false,
+          "variables": false
+        }
+      ],
+      "promise/param-names": 0,
+      "no-return-assign": 0,
+      "arrow-parens": [
+        2,
+        "always"
+      ],
+      "object-curly-spacing": [
+        2,
+        "always"
+      ]
+    }
   }
 }

playground/src/app.js

@@ -2,7 +2,7 @@ import Navigation from 'react-native-navigation';
 
 import { registerContainers } from './containers';
 
-export function start() {
+function start() {
   registerContainers();
 
   Navigation.events().onAppLaunched(() => {
@@ -13,3 +13,7 @@ export function start() {
     });
   });
 }
+
+module.exports = {
+  start
+};

playground/src/containers/LifecycleScreen.js

@@ -17,11 +17,11 @@ class LifecycleScreen extends Component {
   }
 
   onStop() {
-    alert('onStop'); //eslint-disable-line
+    alert('onStop'); // eslint-disable-line no-alert
   }
 
   componentWillUnmount() {
-    alert('componentWillUnmount'); //eslint-disable-line
+    alert('componentWillUnmount'); // eslint-disable-line no-alert
   }
 
   render() {

playground/src/containers/ModalScreen.js

@@ -1,7 +1,6 @@
 import _ from 'lodash';
 import React, { Component } from 'react';
 import {
-  StyleSheet,
   View,
   Text,
   Button

playground/src/containers/OptionsScreen.js

@@ -1,7 +1,5 @@
-import _ from 'lodash';
 import React, { Component } from 'react';
 import {
-  StyleSheet,
   View,
   Text,
   Button
@@ -10,10 +8,12 @@ import {
 import Navigation from 'react-native-navigation';
 
 class OptionsScreen extends Component {
-  static navigationOptions = {
-    title: 'Static Title',
-    topBarBackgroundColor: "red",
-    topBarTextFontFamily: "HelveticaNeue-Italic"
+  static get navigationOptions() {
+    return {
+      title: 'Static Title',
+      topBarBackgroundColor: 'red',
+      topBarTextFontFamily: 'HelveticaNeue-Italic'
+    };
   }
 
   constructor(props) {
@@ -36,7 +36,7 @@ class OptionsScreen extends Component {
       title: 'Dynamic Title',
       topBarTextColor: '#00FFFF',
       topBarBackgroundColor: 'green',
-      topBarTextFontFamily: "HelveticaNeue-CondensedBold"
+      topBarTextFontFamily: 'HelveticaNeue-CondensedBold'
     });
   }
 }

playground/src/containers/PushedScreen.js

@@ -1,7 +1,6 @@
 import _ from 'lodash';
 import React, { Component } from 'react';
 import {
-  StyleSheet,
   View,
   Text,
   Button

playground/src/containers/TextScreen.js

@@ -1,7 +1,6 @@
 import _ from 'lodash/math';
 import React, { Component } from 'react';
 import {
-  StyleSheet,
   View,
   Text,
   Button
@@ -15,7 +14,7 @@ class TextScreen extends Component {
         <Text style={styles.h1}>{this.props.text || 'Text Screen'}</Text>
         {this.renderTextFromFunctionInProps()}
         <Text style={styles.footer}>{`this.props.containerId = ${this.props.containerId}`}</Text>
-        <Button title={"setTabBadge"} onPress={() => this.onButtonPress()}/>
+        <Button title={'setTabBadge'} onPress={() => this.onButtonPress()}/>
       </View>
     );
   }

playground/src/containers/index.js

@@ -7,7 +7,7 @@ import LifecycleScreen from './LifecycleScreen';
 import ModalScreen from './ModalScreen';
 import OptionsScreen from './OptionsScreen';
 
-export function registerContainers() {
+function registerContainers() {
   Navigation.registerContainer(`navigation.playground.WelcomeScreen`, () => WelcomeScreen);
   Navigation.registerContainer(`navigation.playground.ModalScreen`, () => ModalScreen);
   Navigation.registerContainer(`navigation.playground.LifecycleScreen`, () => LifecycleScreen);
@@ -15,3 +15,7 @@ export function registerContainers() {
   Navigation.registerContainer(`navigation.playground.PushedScreen`, () => PushedScreen);
   Navigation.registerContainer(`navigation.playground.OptionsScreen`, () => OptionsScreen);
 }
+
+module.exports = {
+  registerContainers
+};

scripts/release.js

@@ -1,6 +1,5 @@
-/*eslint-disable no-console*/
+/* eslint-disable no-console */
 const exec = require('shell-utils').exec;
-const p = require('path');
 const semver = require('semver');
 const fs = require('fs');
 const _ = require('lodash');
@@ -70,19 +69,17 @@ function findCurrentPublishedVersion() {
 
 function tryPublishAndTag(version) {
   let theCandidate = version;
-  let retry = 0;
-  while (retry < 5) {
+  for (let retry = 0; retry < 5; retry++) {
     try {
       tagAndPublish(theCandidate);
       console.log(`Released ${theCandidate}`);
       return;
-    } catch (e) {
-      const alreadyPublished = _.includes(e.toString(), 'You cannot publish over the previously published version');
+    } catch (err) {
+      const alreadyPublished = _.includes(err.toString(), 'You cannot publish over the previously published version');
       if (!alreadyPublished) {
-        throw e;
+        throw err;
       }
       console.log(`previously published. retrying with increased ${VERSION_INC}...`);
-      retry++;
       theCandidate = semver.inc(theCandidate, VERSION_INC);
     }
   }

scripts/test-js.js

@@ -1,8 +1,18 @@
 const exec = require('shell-utils').exec;
+const _ = require('lodash');
+
+const dirs = [
+  'lib/src',
+  'integration',
+  'e2e',
+  'scripts',
+  'playground/src'
+];
 
 run();
 
 function run() {
-  exec.execSync(`BABEL_ENV=test eslint lib/src integration e2e scripts playground/src`);
+  const paths = _.chain(dirs).map((d) => `${d}/**/**/**/**/**/**/*`).join(' ').value();
+  exec.execSync(`BABEL_ENV=test xo ${paths}`);
   exec.execSync(`BABEL_ENV=test jest --coverage`);
 }

scripts/test.all.js

@@ -1,4 +1,4 @@
-/* eslint no-console:0 */
+/* eslint-disable no-console */
 const exec = require('shell-utils').exec;
 
 async function run() {

scripts/test.e2e.android.js

@@ -1,12 +1,12 @@
-/*eslint-disable no-console*/
+/* eslint-disable no-console */
 const _ = require('lodash');
 const exec = require('shell-utils').exec;
 
-const avdName = 'pixel';
-const sdk = 'android-24';
-const apis = 'default';
-const abi = 'armeabi-v7a';
-const packageName = `system-images;${sdk};${apis};${abi}`;
+// const avdName = 'pixel';
+// const sdk = 'android-24';
+// const apis = 'default';
+// const abi = 'armeabi-v7a';
+// const packageName = `system-images;${sdk};${apis};${abi}`;
 
 const release = _.includes(process.argv, 'release');
 
@@ -30,19 +30,19 @@ function runTests() {
   exec.execSync(`cd AndroidE2E && ./gradlew ${filterParam} connectedDebugAndroidTest`);
 }
 
-function installEmulator() {
-  exec.execSync(`sdkmanager "emulator"`);
-  exec.execSync(`sdkmanager "${packageName}"`);
-  exec.execSync(`echo no | avdmanager create avd --force --name "${avdName}" --abi "${apis}/${abi}" --package "${packageName}" --device "pixel"`);
-  exec.execSync(`avdmanager list avd`);
-}
-
-function launchEmulator() {
-  console.log(`Launching Android Emulator`);
-  exec.execSync(`cd $ANDROID_HOME/tools && ./emulator -skin 1080x1920 -gpu host -no-audio @${avdName}`);
-  exec.execSync(`./scripts/waitForAndroidEmulator.sh`);
-}
-
-function killEmulators() {
-  exec.execSync(`adb devices | grep emulator | cut -f1 | while read line; do adb -s $line emu kill; done`);
-}
+// function installEmulator() {
+//   exec.execSync(`sdkmanager "emulator"`);
+//   exec.execSync(`sdkmanager "${packageName}"`);
+//   exec.execSync(`echo no | avdmanager create avd --force --name "${avdName}" --abi "${apis}/${abi}" --package "${packageName}" --device "pixel"`);
+//   exec.execSync(`avdmanager list avd`);
+// }
+
+// function launchEmulator() {
+//   console.log(`Launching Android Emulator`);
+//   exec.execSync(`cd $ANDROID_HOME/tools && ./emulator -skin 1080x1920 -gpu host -no-audio @${avdName}`);
+//   exec.execSync(`./scripts/waitForAndroidEmulator.sh`);
+// }
+
+// function killEmulators() {
+//   exec.execSync(`adb devices | grep emulator | cut -f1 | while read line; do adb -s $line emu kill; done`);
+// }

v1tov2diff.md

@@ -307,11 +307,11 @@ class LifecycleScreen extends Component {
   }
 
   onStop() {
-    alert('onStop'); //eslint-disable-line
+    alert('onStop');
   }
 
   componentWillUnmount() {
-    alert('componentWillUnmount'); //eslint-disable-line
+    alert('componentWillUnmount');
   }
 
   render() {

wallaby.js

@@ -1,5 +1,3 @@
-/*eslint-disable*/
-'use strict';
 process.env.BABEL_ENV = 'test';
 const babelOptions = require('./package.json').babel.env.test;
 module.exports = function (wallaby) {