Introduce import/export approach

.eslintrc.js

@@ -4,10 +4,11 @@ module.exports = {
     browser: true
   },
   rules: {
-    'object-curly-spacing': ['error', 'never'],
-    'comma-dangle': ['error', 'never'],
+    'object-curly-spacing': ['off'],
+    'comma-dangle': ['off'],
     'max-len': ['error', 120],
     'react/jsx-filename-extension': ['off'],
-    'max-lines': ['error', {max: 600, skipBlankLines: true, skipComments: true}]
+    'max-lines': ['error', {max: 600, skipBlankLines: true, skipComments: true}],
+    "import/prefer-default-export": ['off']
   }
 };

src/examples/react/__tests__/hello.test.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import renderer from 'react-test-renderer';
-import Hello from '../hello';
+import {Hello} from '../hello';
 
 test('renders correctly', () => {
   const tree = renderer.create(

src/examples/react/hello.js

@@ -1,8 +1,8 @@
-import * as React from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import './hello.css';
 
-export default class Hello extends React.Component {
+export class Hello extends React.Component {
   constructor(props) {
     super(props);
     this.state = {toggle: true};

src/examples/react/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import Hello from './hello';
+import {Hello} from './hello';
 
 ReactDOM.render(
   <Hello name="John" />,

src/examples/redux/separate-files-redux-actions/index.js

@@ -2,8 +2,8 @@ import {createStore, applyMiddleware, combineReducers} from 'redux';
 import createSagaMiddleware from 'redux-saga';
 import 'regenerator-runtime/runtime'; // eslint-disable-line import/no-extraneous-dependencies
 import logger from 'redux-logger';
-import reducer from './reducers';
-import sagas from './sagas';
+import {reducer} from './reducers';
+import {watchAction1} from './sagas';
 import {action1} from './actions';
 
 const sagaMiddleware = createSagaMiddleware();
@@ -12,6 +12,6 @@ const store = createStore(
   combineReducers({reducer}),
   applyMiddleware(sagaMiddleware, logger));
 
-sagaMiddleware.run(sagas);
+sagaMiddleware.run(watchAction1);
 
 store.dispatch(action1({value1: 1}));

src/examples/redux/separate-files-redux-actions/reducers.js

@@ -6,7 +6,7 @@ import {
 
 const INITIAL_STATE = {};
 
-export default handleActions({
+export const reducer = handleActions({
   [action1](state, {payload: {value1}}) {
     return {
       ...state,

src/examples/redux/separate-files-redux-actions/sagas.js

@@ -1,7 +1,7 @@
 import {take} from 'redux-saga/effects';
 import {action1} from './actions';
 
-export default function* watchAction1() {
+export function* watchAction1() {
   while (true) { // eslint-disable-line no-constant-condition
     yield take(action1);
     console.log('watchAction1 saga!'); // eslint-disable-line no-console

src/examples/redux/separate-files/counter.js

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import React from 'react';
 import {connect} from 'react-redux';
 import PropTypes from 'prop-types';
-import mapStateToProps from './map-state';
+import {mapStateToProps} from './map-state';
 import {incrementAction, decrementAction, decrementAsyncAction} from './actions';
 
-class Counter extends React.Component {
+class Counter$ extends React.Component {
   constructor(props) {
     super(props);
     this.onIncrementHandler = this.onIncrementHandler.bind(this);
@@ -36,9 +36,9 @@ class Counter extends React.Component {
   }
 }
 
-Counter.propTypes = {
+Counter$.propTypes = {
   dispatch: PropTypes.func.isRequired,
   counter: PropTypes.number.isRequired
 };
 
-export default connect(mapStateToProps)(Counter);
+export const Counter = connect(mapStateToProps)(Counter$);

src/examples/redux/separate-files/index.js

@@ -1,21 +1,21 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import {createStore, applyMiddleware} from 'redux';
 import {Provider} from 'react-redux';
 import createSagaMiddleware from 'redux-saga';
 import 'regenerator-runtime/runtime'; // eslint-disable-line import/no-extraneous-dependencies
 import logger from 'redux-logger';
-import reducers from './reducers';
-import Counter from './counter';
-import sagas from './sagas';
+import {reducers} from './reducers';
+import {Counter} from './counter';
+import {watchDecrementAsync} from './sagas';
 
 const sagaMiddleware = createSagaMiddleware();
 
 const store = createStore(
   reducers,
   applyMiddleware(sagaMiddleware, logger));
 
-sagaMiddleware.run(sagas);
+sagaMiddleware.run(watchDecrementAsync);
 
 ReactDOM.render(
   <Provider store={store}>

src/examples/redux/separate-files/map-state.js

@@ -1,4 +1,4 @@
-export default function mapStateToProps(state) {
+export function mapStateToProps(state) {
   return {
     counter: state
   };

src/examples/redux/separate-files/reducers.js

@@ -2,7 +2,7 @@ import {INCREMENT_ACTION, DECREMENT_ACTION} from './actions';
 
 const INITIAL_STATE = 0;
 
-export default function rootReducer(state = INITIAL_STATE, action) {
+export function reducers(state = INITIAL_STATE, action) {
   const STEP = 1;
 
   switch (action.type) {

src/examples/redux/separate-files/sagas.js

@@ -16,7 +16,7 @@ function* decrementAsync() {
   yield put(actions.decrementAction());
 }
 
-export default function* watchDecrementAsync() {
+export function* watchDecrementAsync() {
   while (true) { // eslint-disable-line no-constant-condition
     yield take(actions.DECREMENT_ASYNC_ACTION);
     yield call(decrementAsync);