github<\/a>.<\/p>\nIn this starter kit, I am using following modules.
\nNodejs — Node server
\nExpressjs — Express framework
\nReactjs — React as view layer
\nReact-router — For routing the application
\nEslint — For best practices.
\nWebpack — For bundling <\/p>\n
First, we have to clone this repo.<\/p>\n
git clone https:\/\/github.com\/shabeeb\/react-starter-kit<\/code>
\nonce it cloned we have to move to that directory
\ncd react-starter-kit<\/code>
\nThen we have to install all depentency modules. dont worry below commands will do it.
\nnpm install<\/code>
\nNow our sample reactjs project is ready,
\nWe can run development server using below command
\nnpm run dev<\/code><\/p>\nNow go to the editor and change something in src\/components\/home.js<\/code> and see the browser again, react-hot-loader will reload the page.<\/p>\nTo run production build
\nnpm run build<\/code>
\nit will minify all the js\/jsx code and save to build\/bundle.js file
\nnpm start or npm run start<\/code>
\nwill start server with production version.<\/p>\nYou can remove the strict code check (best practices ) by removing below lines (line 25 to 30) of code from webpack.config.js
\n{
\n enforce: \"pre\",
\n test: \/\\.js$\/,
\n exclude: \/node_modules\/,
\n loader: \"eslint-loader\",
\n },<\/code><\/p>\n<\/div>\n