An open API service indexing awesome lists of open source software.

https://github.com/adeelibr/react-starter-kit

React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
https://github.com/adeelibr/react-starter-kit

babel babel7 boilerplate bootstrap4 code-splitting eslint hmr prettier react react-material-ui react-starter-kit starter-kit webpack webpack4

Last synced: 2 months ago
JSON representation

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

Awesome Lists containing this project

README

        

# 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"
```