alexchagas/react-starter-kit

React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR

Documentation

Webapp Was Built In:

• ReactJS
• Redux
• Webpack 4
• Babel 7
• React Material UI
• Bootstrap 4
• SCSS, CSS Support
• HMR
• Code Splitting with React.lazy & React.Suspense
• Code Formatter (Prettier)
• Eslint configured extended with Airbnb style guide & support for prettier
• Jest & Enzyme Configured
• Automatically lint & format code, when committing it. [Husky/Lint-Staged]

Tutorials

Things I did while setting up the boiler plate for this code base, I wrote it all down in a series of articles

• https://medium.freecodecamp.org/how-to-conquer-webpack-4-and-build-a-sweet-react-app-236d721e6745
• https://medium.freecodecamp.org/how-to-combine-webpack-4-and-babel-7-to-create-a-fantastic-react-app-845797e036ff
• https://medium.freecodecamp.org/these-tools-will-help-you-write-clean-code-da4b5401f68e
• https://medium.freecodecamp.org/how-to-set-up-jest-enzyme-like-a-boss-8455a2bc6d56

Deploying a Node Instance On Linux Server Using PM2

How to start on PM2 [This is specific if you serve your files on a linux server where a NodeJS application is deployed as a server serving the .js files

 npm i
 node_modules/.bin/webpack --config webpack.prod.config.js --colors --progress
 node server
 PORT=8082 pm2 start server --name "app-name-to-deploy"