All Projects → ngduc → React Setup

ngduc / React Setup

Licence: mit
A Universal React Setup with i18n: Babel 6, Koa 2, React, React Router, React Transmit, React Bootstrap, React-intl, Mocha, Isparta, Webpack 2, Storybook, InlineCSS/PostCSS, ESLint, HTTPS & HTTP2.

Programming Languages

javascript
184084 projects - #8 most used programming language

React-Setup

A Universal React Setup with i18n: Babel 6, Koa 2, React, React Router, React Transmit, React Bootstrap, React-intl, Mocha, Isparta, Webpack 2, Storybook, InlineCSS/PostCSS, ESLint, HTTPS & HTTP2.

I prefer to keep this setup trim but feel free to sprinkle some more pixie dust (Redux, MobX, Passport, etc.) to bake your project :)

Live Demo

Circle CI Dependencies Status

More Features

  • I18n with React-Intl
  • Babel ES2015 (ES6/ES7)
  • Server rendering with React Transmit (inspired by Facebook Relay)
  • Inline CSS or PostCSS: your choice :)
  • Code coverage with Isparta
  • Debug ES6 code with Webpack 2
  • ESLint ES6 configuration
  • Style guide: JS Standard Style
  • Docker - build & launch your project - Instructions
  • Development: HMR (Hot Module Replacement) for both client & server
  • Storybook - list your components with HMR
  • HTTPS & HTTP2 for faster requests
  • Production ready
  • Miscellaneous features: yarn, react-router-transition, react-jsonschema-form, pre-git, bunyan, mustache, GA tracking code, etc.

Documentation

Questions & Issues

Usage

Install

$ npm install -g babel-cli
$ npm install

OR
$ yarn

Start DEV mode with Hot-Module-Replacement

$ npm run dev

Run tests

$ npm test
$ npm run test-cov

Build & Start PRODUCTION

$ npm run build && npm start

Contributing

PR, Stars ✭ and Issue Reporting are always welcome :)

Follow CONTRIBUTING.md

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