export-mike / react-redux-boilerplate

A react, redux, webpack, css modules, postcss, karma and mocha boilerplate. Complete with super simple authentication flow, tests on reducers and components.

React Redux Boilerplate

A react, redux, webpack, css modules, postcss, karma and mocha boilerplate. Complete with super simple authentication flow, tests on reducers and components. Related to blogpost. Complete with redux dev tools. ctrl-h and ctrl-q shortcuts :)

Installation

npm3 and node v4+ required

git clone [email protected]:export-mike/react-redux-boilerplate.git

npm i

npm start

new shell: npm run test:watch

other commands:

test mocha only: npm run mocha:watch

test karma only: npm run karma:watch

for CI use npm test

Build: npm run build

react-redux-boilerplate's Issues

postcss-simple-vars is redundant

PreCSS already includes sass-like variables meaning you can probably remove the postcss-simple-vars PostCSS plugin.

Syntaxerror in TextInput tests

Thanks for providing this example boilerplate. Just did a fresh clone of the repository and I'm getting a SyntaxError on line 14 in src/components/TextInput/test/index-test.js and line 15 in src/components/PrimaryTextInput/test/index-test.js.

It looks like the JSX tag in the preceding line is not being closed correctly. Once I changed that the tests failed because change isn't called. I changed the simulate call to the following:

wrapper.find(TextInput).simulate('change', {target: {value: 'a'}});

I don't know if this is the correct fix, and why the change handler isn't called as a result of the keydown. Also see: enzymejs/enzyme#76

Use browserHistory and syncHistoryWithStore?

I am using this excellent boilerplate and have learnt a lot from it. Once feature I would like to see is to replace hashHistory with browserHistory and syncHistoryWithStore. Or would that mean evergreen browsers only?