react-starter-kit icon indicating copy to clipboard operation
react-starter-kit copied to clipboard

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"