risingstack/react-way-immutable-flux

React.js way with ES6, Immutable.js and Flux

The React.js Way: Flux Architecture with Immutable.js

Related blog post:
http://blog.risingstack.com/the-react-js-way-flux-architecture-with-immutable-js/

The React.js Way: Flux Architecture with Immutable.js

Used technologies:

• React
• ES6
• Flux
• Immutable.js
• Webpack
• Babel
• Jest

How to start

Run:

npm install
npm start

Check your http://localhost:3000/ or open http://localhost:3000/

How to test

npm test

How to start code

Run:
npm run webpack-watch

Preview

react-way-immutable-flux's Issues

Add preview image

didn't work until I added presets

I did npm install, npm start but when I viewed the localhost:3000
It showed a console error "import". The bundle.js file had "import" statement, instead of including the code.

To get it to work, I ended upchanging the webpack.js

  loader: 'babel'
      }

to

loader: 'babel-loader',
        query: {
          presets: ['es2015', 'react']
        }
      }

and added to package.json

    "babel-core": "^6.0.12",
    "babel-loader": "^6.0.1",
    "babel-preset-es2015": "^6.0.12",
    "babel-preset-react": "^6.5.0",

FYI: I'm using an older node version "v0.10.26"

failing tests

Using Jest CLI v0.4.13
FAIL src/app/components/tests/Cart.spec.js
Error: Worker process exited before responding! exit code: null, exit signal: SIGSEGV
stderr:

A worker process has quit unexpectedly! This is bad news, shutting down now!
npm ERR! Test failed. See above for more details.

Warning: Failed propType: Required prop `actions` was not specified in `AppRoot`.

I get the the warning in the browser while Rendering, is there a possibility to prevent this warning?

Bundle.js not getting created on npm start

I'm trying to run the code, followed the simple steps of npm install and attempt to npm start. The server runs at port 3000, but upon visiting localhost:3000, I get a blank page and Chrome console reveals that bundle.js is a 404. Further inspection to the code shows that it's certainly not getting created. So I attempted to run 'npm run postinstall' as well as webpack and webpack-watch, but I get the following error:

$ npm run postinstall

> [email protected] postinstall c:\projects\react-way-immutable-fl
ux
> webpack --config config/webpack.js

Hash: 396f0bfb9d565b6f60f0
Version: webpack 1.10.1
Time: 38ms
   [0] ./src/client/scripts/client.js 0 bytes [built] [failed]

ERROR in ./src/client/scripts/client.js
Module parse failed: c:\projects\react-way-immutable-flux\src\client\scripts\cli
ent.js Line 1: Unexpected reserved word
You may need an appropriate loader to handle this file type.
| import Debug from 'debug';
| import App from '../../app';
|

Any pointers on this one? Thanks.

Unnecessary shouldComponentUpdate override?

Component class implements shouldComponentUpdate. Cart component extends Component and overrides shouldComponentUpdate with exact same code.
https://github.com/RisingStack/react-way-immutable-flux/blob/f0c1a79bf8afa690da04e47d3d18e42df2cd9624/src/app/components/Cart.js#L19-21