All Projects → 60frames → React Boilerplate

60frames / React Boilerplate

Licence: mit
Production-ready boilerplate for building universal web apps with React and Redux

Programming Languages

javascript
184084 projects - #8 most used programming language
es2015
71 projects

Projects that are alternatives of or similar to React Boilerplate

Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-39.62%)
Mutual labels:  webpack, babel, universal, boilerplate, code-splitting, jest
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (+152.83%)
Mutual labels:  webpack, babel, boilerplate, jest, css-modules
React
Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss
Stars: ✭ 244 (+360.38%)
Mutual labels:  webpack, babel, boilerplate, jest, css-modules
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (+211.32%)
Mutual labels:  webpack, babel, boilerplate, code-splitting, css-modules
Pwa
An opinionated progressive web app boilerplate
Stars: ✭ 353 (+566.04%)
Mutual labels:  webpack, babel, universal, boilerplate, jest
React Boilerplate
React Boilerplate
Stars: ✭ 128 (+141.51%)
Mutual labels:  webpack, boilerplate, css-modules, react-boilerplate
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (+171.7%)
Mutual labels:  webpack, babel, boilerplate, jest
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (+173.58%)
Mutual labels:  webpack, babel, boilerplate, jest
React Starter Kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
Stars: ✭ 229 (+332.08%)
Mutual labels:  webpack, babel, boilerplate, code-splitting
Front End Guide
📚 Study guide and introduction to the modern front end stack.
Stars: ✭ 14,073 (+26452.83%)
Mutual labels:  webpack, babel, jest, css-modules
Typescript Webpack React Redux Boilerplate
React and Redux with TypeScript
Stars: ✭ 182 (+243.4%)
Mutual labels:  webpack, babel, boilerplate, css-modules
Minimal React Webpack Babel Setup
The minimal React, Webpack, Babel Setup. You want to get beyond create-react-app?
Stars: ✭ 777 (+1366.04%)
Mutual labels:  webpack, babel, boilerplate, react-boilerplate
React Boilerplate
This project is deprecated. Please use CRA instead.
Stars: ✭ 88 (+66.04%)
Mutual labels:  webpack, babel, boilerplate, jest
React Starter Boilerplate Hmr
React starter boilerplate with React Fast Refresh, React 17 and Webpack 5
Stars: ✭ 137 (+158.49%)
Mutual labels:  boilerplate, code-splitting, css-modules, react-boilerplate
React Redux Boilerplate
Awesome React Redux Workflow Boilerplate with Webpack 4
Stars: ✭ 307 (+479.25%)
Mutual labels:  webpack, boilerplate, jest, css-modules
React Bolt
⚡ The most simple & robust boilerplate for your React projects.
Stars: ✭ 298 (+462.26%)
Mutual labels:  webpack, babel, boilerplate, jest
Electron React Boilerplate
A Foundation for Scalable Cross-Platform Apps
Stars: ✭ 18,727 (+35233.96%)
Mutual labels:  webpack, babel, boilerplate, jest
Webpack React Boilerplate
Minimal React 16 and Webpack 4 boilerplate with babel 7, using the new webpack-dev-server, react-hot-loader, CSS-Modules
Stars: ✭ 358 (+575.47%)
Mutual labels:  babel, jest, css-modules, react-boilerplate
React Webpack Typescript Starter
Minimal starter with hot module replacement (HMR) for rapid development.
Stars: ✭ 632 (+1092.45%)
Mutual labels:  webpack, babel, boilerplate
Express Babel
Express starter kit with ES2017+ support, testing, linting, and code coverage
Stars: ✭ 621 (+1071.7%)
Mutual labels:  babel, boilerplate, jest

60fram.es React Boilerplate Build Status Coverage Status

Production-ready boilerplate for building universal web apps with React and Redux

tl;dr

$ git clone https://github.com/60frames/react-boilerplate.git
$ cd react-boilerplate
$ rm -r .git
$ cp ./server/_env ./server/.env
$ npm install
$ npm start

Features

  • ES2015/16 with Babel
  • Universal rendering with support for data fetching and code splitting.
  • Hot reloading on both client and server
  • Locally scoped CSS with CSS modules
  • Scalable unit testing via Jest
  • Development and release builds with Webpack 2
  • State management with Redux
  • ...Just 4 commands

Commands

npm start

Serves the app in development mode

NOTE: This is simply an alias for npm run serve.

npm test

Runs unit tests

npm run build

Builds the app ready for release

WEBPACK_DEV_SERVER=false npm run serve

Serves the app in release mode

NOTE: Requires you to first build the app with npm run build.

Environment Variables

Environment variables are defined via Unix env vars and are documented in the ./server/_env file.

To avoid the hassle of having to define env vars on your local machine during development we recommend you simply rename the ./server/_env file to ./server/.env which, in the absence of a predefined NODE_ENV, will be copied to your environment.

NOTE: Any of the environment variables can be made available to the client by explicitly declaring them in the root Html component. This extra step is required to prevent accidentally leaking sensitive data to the client.

License

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].