A Full stack React and Node.js Boilerplate that is developed using React , Express.js Webpack4, Babel,EsLint and Jest.

git clone https://github.com/sujilnt/ReactNode-ExpressBoilerplate.git`
yarn install

A plugin that Visualizes the size of webpack output files with an interactive zoomable treemap. - dev - development mode - prod - development mode - client - client bundles only will be analysed based on dev or prod mode. - server - server bundle only will be analysed based on dev or prod mode .

bundle-analyzer:client-dev
bundle-analyzer:client-prod
bundle-analyzer:server-dev
bundle-analyzer:server-prod

Image format that supports lossy and lossless compression, as well as animation and alpha transparency. WebP images are smaller than their JPEG and PNG counterparts—usually on the magnitude of a 25–35% reduction in filesize. This decreases page sizes and improves performance. A node.js script that convert all images in png or Jpeg format in assets Folder .

node ./utils/covertImgtoWebP.js

All the webp information got insipired from web.dev.

 Client Side Run - yarn run client-dev:watch
 Server Side Run - yarn run server-dev:build
 or
	yarn run project (running both server and client side)

 Client Side Run - yarn run client-prod:build
 Server Side Run - yarn run server-prod:build

Jest is a delightful JavaScript Testing Framework with a focus on simplicity. There is a mock folder inside src directory that is used for mock something like custom image etc. while writing automated test cases.

`yarn run test:coverage`

The code is available under the MIT license.