Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Simple starter webpack 5 project template supporting SASS/PostCSS, Babel ES7, browser syncing, code linting. Easy project setup having multiple features and developer friendly tools.

Stars: ✭ 242 (-27.98%)

Mutual labels: webpack, boilerplate

Simple React App

Simple base app using react, react-router v4, hot-reload & sass.

Stars: ✭ 263 (-21.73%)

Mutual labels: boilerplate, hot-reload

Threejs Webpack Es6 Boilerplate

A basic boilerplate for a Three.js project compiled with Webpack and transpiled via Babel to enable using ES6 syntax.

Stars: ✭ 267 (-20.54%)

Mutual labels: webpack, boilerplate

Frontend Boilerplate

An ES20XX starter with common frontend tasks using Webpack 4 as module bundler and npm scripts as task runner.

Stars: ✭ 224 (-33.33%)

Mutual labels: webpack, boilerplate

Rockpack

Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting, testing within 5 minutes

Stars: ✭ 265 (-21.13%)

Mutual labels: webpack, boilerplate

Webpack Vue Multiplepage

在多页面项目下使用 Webpack + Vue

Stars: ✭ 288 (-14.29%)

Mutual labels: webpack, boilerplate

React

Stars: ✭ 244 (-27.38%)

Mutual labels: webpack, boilerplate

React Starter Kit

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

Stars: ✭ 229 (-31.85%)

Mutual labels: webpack, boilerplate

Vue Express Mongo Boilerplate

⭐ MEVN Full stack JS web app boilerplate with NodeJS, Express, Mongo and VueJS

Stars: ✭ 2,814 (+737.5%)

Mutual labels: webpack, boilerplate

Static Html Webpack Boilerplate

🔮 modern tooling for old-school static webpage development

Stars: ✭ 226 (-32.74%)

Mutual labels: webpack, boilerplate

Frontend Boilerplates

Collection of Boilerplates with ES6, Vue, React, Nuxt, TypeScript, SCSS, Nodejs. Using good practices and file structures to inspire your real projects.

Stars: ✭ 269 (-19.94%)

Mutual labels: webpack, boilerplate

React Redux Boilerplate

Awesome React Redux Workflow Boilerplate with Webpack 4

Stars: ✭ 307 (-8.63%)

Mutual labels: webpack, boilerplate

Wp Reactivate

React boilerplate for WordPress plugins

Stars: ✭ 303 (-9.82%)

Mutual labels: webpack, boilerplate

Kratos Boilerplate

🔥 A simple boilerplate for creating statics PWA using Webpack, Pug, PostCSS and CSS Modules

Stars: ✭ 308 (-8.33%)

Mutual labels: webpack, boilerplate

Electron React Webpack Boilerplate

Minimal Electron, React, PostCSS and Webpack boilerplate to help you get started with building your next app.

Stars: ✭ 312 (-7.14%)

Mutual labels: webpack, boilerplate

View All Similar Projects ➔

ES6 React boilerplate using Webpack

⚠️ ⚠️ ⚠️

As of 29.12.2018, the project is DEPRECATED and no further development is planned. If you are looking for an alternative, check create-react-app.

Simple and optimized React boilerplate. It includes:

[x] React 16.5.2
[x] ECMAScript 6+ and JSX support
[x] React Router v4
[x] Component testing using Enzyme and Jest
[x] Code Coverage
[x] Latest Webpack (v.4.16.5), Babel 7 and Webpack Dev Server (v.4.19.1) with Scope Hoisting enabled
[x] Hot Module Replacement using react-hot-loader
[x] ES6 linting with continuous linting on file change
[x] SASS support
[x] Separate CSS stylesheets generation
[x] Automatic HTML generation
[x] Production Config
[x] Custom Babel Preset with Decorators, Class Properties, Rest/Spread operator support
[x] Export Separate Vendor Files

Starting the dev server

Make sure you have the latest Stable or LTS version of Node.js installed.

git clone https://github.com/KleoPetroff/react-webpack-boilerplate.git
Run npm install or yarn install
Start the dev server using npm start
Open http://localhost:8080

Available Commands

npm start - start the dev server
npm clean - delete the dist folder
npm run production - create a production ready build in dist folder
npm run lint - execute an eslint check
npm test - run all tests
npm run test:watch - run all tests in watch mode
npm run coverage - generate code coverage report in the coverage folder

Vendor Exporting

You can export specific vendors in separate files and load them. All vendors should be included in app/vendors and will be exported in a vendors folder under dist. The main idea is to serve independent JavaScript and CSS libraries, though currently all file formats are supported.

! Don't forget to add the vendors in app/index.html and build/index.html.

Code Coverage

The project is using the Jest Code Coverage tool. The reports are generated by running npm run coverage. All configurations are located in package.json, inside the jest object.

The coverage report consists of an HTML reporter, which can be viewed in the browser and some helper coverage files like the coverage json and xml file.

Production code

Run npm run production. The production-ready code will be located under dist folder.

Licence

react-webpack-boilerplate is available under MIT.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].

Stars: ✭ 336

Visit Git Page 🔗Visit User Page 🔗Visit Issues Page (0) 🔗