{"repo":"HashemKhalifa/webpack-react-boilerplate","free":true,"listed":false,"github":"https://github.com/HashemKhalifa/webpack-react-boilerplate","clone":"git clone https://github.com/HashemKhalifa/webpack-react-boilerplate.git","description":"Minimal React 16 and Webpack 4 boilerplate with babel 7, using the new webpack-dev-server, react-hot-loader, CSS-Modules","language":"JavaScript","stars":391,"topics":["webpack4starter","webpack4","reactjs-with-es6","reactjs","jest","enzyme","react-boilerplate","webpack-boilerplate","react-hot-loader","css-modules"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Minimal React and Webpack 4 boilerplate with babel Minimal webpack and react boilerplate using latest version of react and babel as well as jest and enzyme for more details about technologies used. click with real time server changes ;) check out Medium article for more details Table of contents Project structure Installation Configuration Technologies used Project structure Installation 1- Clone the boilerplate repo git clone git@github.com:HashemKhalifa/webpack-react-boilerplate.git 2- yarn or npm install to install npm packages 3- start dev server using yarn start or npm start . 3- build and bundling your resources for production yarn build . 4- Unit testing will watch all your changes in the test files as well as create coverage folder for you. yarn test Configuration - Webpack Config paths based on your file structure you can go to webpack/paths.js and modify the source and file names based on your need. - webpack/webpack.common.js config common webpack for both dev and production environments. - webpack/webpack.dev.js config webpack for dev environment. - webpack/webpack.prod.js config webpack for production environment. - /webpack.config.js main webpack config that merge common and webpack environment based config. - Enzyme config /setupTest.js here you will have all setup for enzyme to test your component. - Prettier config /.prettierc . - Browsers list config /.browserslistrc . Technologies used - Webpack 4 - Babel 7 [ transforming JSX and ES6,ES7,ES8 ] - React 16.8 ","default_branch":null,"files":null,"tree":[],"storefront":"/r/HashemKhalifa","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/HashemKhalifa/webpack-react-boilerplate/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}