gabrielferreiraa/react-redux-boilerplate

[INACTIVE]

Starter Kit CoreUI - React Redux

[Work in Progress] When I thought of using CoreUI with React, I realized it's very simple for what I needed, so I've adapted it to ES6, Flux / Redux and Webpack 2 flow.

This kit is using:

• TemplateCoreUI
• Webpack 2
• Redux
• Redux Form
• Redux Dev Tools
• Babel
• React Hot Loader
• React Router 4
• Storybook
• Jest and Chai (TDD)
• Ducks - Redux Reducer Bundles

Up and running

• Clone this repository: git clone [email protected]:gabrielferreiraa/react-redux-boilerplate.git
• Install dependencies: yarn or yarn install
• Run yarn dev and access http://localhost:3000
• Run yarn build for production build

Scripts

• Run storybook yarn storybook
• Run tests yarn test or yarn test:watch
• Run lint yarn lint or yarn lint:watch
• Fix lint yarn lint:fix
• Build yarn build

License

MIT © Gabriel Ferreira

react-redux-boilerplate's Issues

error 'params' is assigned a value but never used no-unused-vars

$ yarn build
yarn run v1.3.2
$ cross-env NODE_ENV=production webpack --progress --config webpack/prod.config -p
clean-webpack-plugin: /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/docs has been removed.
 10% building modules 2/3 modules 1 active ...e_modules/babel-polyfill/lib/index.js(node:3866) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.
Hash: c56b0eb35717e6d3a5d1                                                               
Version: webpack 2.2.1
Time: 19798ms
                       Asset       Size  Chunks                    Chunk Names
      media/674f50d287a8.eot     166 kB          [emitted]         
      media/912ec66d7572.svg     444 kB          [emitted]  [big]  
      media/b06871f281fe.ttf     166 kB          [emitted]         
    media/af7ae505a9ee.woff2    77.2 kB          [emitted]         
     media/fee66e712a8a.woff      98 kB          [emitted]         
main-c56b0eb35717e6d3a5d1.js    1.14 MB       0  [emitted]  [big]  main
                  index.html  571 bytes          [emitted]         
   [1] ./~/react/react.js 56 bytes {0} [built]
  [20] ./~/react-redux/es/index.js 194 bytes {0} [built]
 [102] (webpack)/buildin/global.js 509 bytes {0} [built]
 [220] ./src/main.js 462 bytes {0} [built]
 [293] ./~/react-dom/index.js 59 bytes {0} [built]
 [355] (webpack)/buildin/module.js 517 bytes {0} [built]
 [356] ./src/index.js 1.12 kB {0} [built]
 [357] ./~/babel-polyfill/lib/index.js 833 bytes {0} [built]
 [415] ./src/redux-flow/stores/configure-store.js 85 bytes {0} [built]
 [423] ./~/core-js/fn/regexp/escape.js 108 bytes {0} [built]
 [519] ./~/core-js/modules/es6.reflect.prevent-extensions.js 424 bytes {0} [built]
 [622] ./~/core-js/shim.js 8.18 kB {0} [built]
 [854] ./~/react-hot-loader/index.js 41 bytes {0} [built]
 [987] ./~/regenerator-runtime/runtime.js 24.4 kB {0} [built]
[1007] multi babel-polyfill ./src/index 40 bytes {0} [built]
    + 993 hidden modules

WARNING in ./src/containers/participants/form.js

/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/src/containers/participants/form.js
  39:9  error  'params' is assigned a value but never used  no-unused-vars

✖ 1 problem

 @ ./src/containers/participants/index.js 21:12-29
 @ ./src/routes.js
 @ ./src/main.js
 @ ./src/index.js
 @ multi babel-polyfill ./src/index

WARNING in ./src/components/table-generator/index.js

/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/src/components/table-generator/index.js
  12:3  error  Useless constructor  no-useless-constructor

✖ 1 problem

 @ ./src/components/content-management/index.js 15:22-59
 @ ./src/containers/participants/management.js
 @ ./src/containers/participants/index.js
 @ ./src/routes.js
 @ ./src/main.js
 @ ./src/index.js
 @ multi babel-polyfill ./src/index

ERROR in main-c56b0eb35717e6d3a5d1.js from UglifyJs
DefaultsError: `evoluate` is not a supported option
    at DefaultsError.get (eval at <anonymous> (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/uglify-js/tools/node.js:27:1), <anonymous>:86:23)
    at files.forEach (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/lib/optimize/UglifyJsPlugin.js:135:74)
    at Array.forEach (<anonymous>)
    at Compilation.compilation.plugin (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/lib/optimize/UglifyJsPlugin.js:38:11)
    at Compilation.applyPluginsAsyncSeries (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/node_modules/tapable/lib/Tapable.js:206:13)
    at self.applyPluginsAsync.err (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/lib/Compilation.js:626:10)
    at next (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/node_modules/tapable/lib/Tapable.js:202:11)
    at Compilation.<anonymous> (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/lib/ProgressPlugin.js:114:5)
    at next (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/node_modules/tapable/lib/Tapable.js:204:14)
    at ExtractTextPlugin.<anonymous> (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/extract-text-webpack-plugin/index.js:345:4)
    at Compilation.applyPluginsAsyncSeries (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/node_modules/tapable/lib/Tapable.js:206:13)
    at sealPart2 (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/lib/Compilation.js:622:9)
    at next (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/node_modules/tapable/lib/Tapable.js:202:11)
    at Compilation.<anonymous> (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/lib/ProgressPlugin.js:110:5)
    at next (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack/node_modules/tapable/lib/Tapable.js:204:14)
    at ExtractTextPlugin.<anonymous> (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/extract-text-webpack-plugin/index.js:317:5)
    at /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/async/dist/async.js:473:16
    at iteratorCallback (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/async/dist/async.js:1050:13)
    at /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/async/dist/async.js:958:16
    at /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/extract-text-webpack-plugin/index.js:301:6
    at /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/async/dist/async.js:473:16
    at iteratorCallback (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/async/dist/async.js:1050:13)
    at /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/async/dist/async.js:958:16
    at /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/extract-text-webpack-plugin/index.js:298:13
    at /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/async/dist/async.js:3096:16
    at eachOfArrayLike (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/async/dist/async.js:1055:9)
    at eachOf (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/async/dist/async.js:1103:5)
    at Object.eachLimit (/Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/async/dist/async.js:3158:5)
    at /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/extract-text-webpack-plugin/index.js:271:11
    at /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/async/dist/async.js:3096:16
Child html-webpack-plugin for "index.html":
       [0] ./~/lodash/lodash.js 540 kB {0} [built]
       [1] (webpack)/buildin/global.js 509 bytes {0} [built]
       [2] (webpack)/buildin/module.js 517 bytes {0} [built]
       [3] ./~/html-webpack-plugin/lib/loader.js!./src/template.html 921 bytes {0} [built]
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

sidebar/SELECT action being triggered for all the menu items

On clicking any of the menu items in the sidebar, 'sidebar/SELECT' action is being triggered for all the menu items, ie, if there are 6 menu items in the sidebar, the action is triggered 6 times. This causes the state.sidebar.activemenu to be the last menu item, irrespective of what the actual selected item is..

help me out with this one.. I am new to React and Redux

Cannot resolve 'file' or 'directory' dist/server/addons.js

$yarn storybook
yarn run v1.3.2
$ start-storybook -p 9001 -c storybook
@kadira/storybook v2.35.3

=> Loading custom .babelrc
=> Loading custom webpack config (full-control mode).

React Storybook started on => http://localhost:9001/

 We will collect some anonymous usage stats of how you use storybook.
 See why?: https://getstorybook.io/tracking

webpack built 28740a1897819d3996ca in 127ms
Hash: 28740a1897819d3996ca
Version: webpack 1.15.0
Time: 127ms
                   Asset     Size  Chunks             Chunk Names
static/preview.bundle.js  23.2 kB       0  [emitted]  preview
static/manager.bundle.js    23 kB       1  [emitted]  manager
chunk    {0} static/preview.bundle.js (preview) 64 bytes [rendered]
    [0] multi preview 64 bytes {0} [built] [4 errors]
chunk    {1} static/manager.bundle.js (manager) 52 bytes [rendered]
    [0] multi manager 52 bytes {1} [built] [3 errors]

ERROR in multi manager
Module not found: Error: Cannot resolve 'file' or 'directory' /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/@kadira/storybook/dist/server/addons.js in /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate
 @ multi manager

ERROR in multi manager
Module not found: Error: Cannot resolve 'file' or 'directory' /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/@kadira/storybook/dist/server/config/polyfills.js in /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate
 @ multi manager

ERROR in multi preview
Module not found: Error: Cannot resolve 'file' or 'directory' /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/@kadira/storybook/dist/server/config/polyfills.js in /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate
 @ multi preview

ERROR in multi manager
Module not found: Error: Cannot resolve 'file' or 'directory' /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/@kadira/storybook/dist/client/manager/index.js in /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate
 @ multi manager

ERROR in multi preview
Module not found: Error: Cannot resolve 'file' or 'directory' /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/@kadira/storybook/dist/server/config/globals.js in /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate
 @ multi preview

ERROR in multi preview
Module not found: Error: Cannot resolve 'file' or 'directory' /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/node_modules/webpack-hot-middleware/client.js in /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate
 @ multi preview

ERROR in multi preview
Module not found: Error: Cannot resolve 'file' or 'directory' /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate/storybook/config.js in /Users/romanfrolow/personal_projects/react/vendor/gabrielferreiraa/react-redux-boilerplate
 @ multi preview

ie 11 compatibility ES2015

when I use the app on ie 11 its not showing I got Script1002 error on ie11

update server.js syntax to es6 and run it with babel-node