Skip to content

๐Ÿ’Ž react-redux-boiler is a boilerplate for your next React Redux app with minimal dependency bloat and maximum developer experience

Notifications You must be signed in to change notification settings

baebb/react-redux-boiler

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

70 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

react-redux-boiler

Super-simple react-redux boilerplate with enough useful goodies to develop [and build!] your cool appโ„ข, and nothing more โ˜บ๏ธ

Installed packages

  • ๐Ÿ’ช Leverage Webpack 2.0 for easy development and builds

  • โŒš๏ธ Build intelligent components in no time with react-bootstrap

  • ๐Ÿšฆ Navigate to routes via actions and sync them to your store with redux-little-router

  • ๐Ÿ‘ฏ Get sassy with your css with sass-loader

  • ๐Ÿ‘จ Show your grandpa on internet explorer your app with Autoprefixer

  • ๐Ÿค– Write next-gen javascript (ES6+) and stay cross-browser compatible with Babel

  • ๐Ÿšฟ Write clean and consistent next-gen javascript with ESLint

  • ๐Ÿ— Build production-ready cache-busting assets with webpack-html-plugin

  • ๐Ÿ˜ป Efficient and cooler dependency management with Yarn [Note: you can still use npm if you prefer]

  • โœ… Mocha, Enzyme & chai-enzyme testing to help you sleep better at night

Also recommended

  • ๐Ÿ”ฅ Firebase for hyper-simple app deployment hosting, authentication, & backend

Usage

Install dependencies

yarn install

Build app on development server

yarn run start

A development app will be up on localhost:9999 and any changes to files inside /src will automagically update the app โœจ

Build production app

yarn run build:production

Builds a production-ready app in ./build

Host built app (must have been built)

yarn run build:serve

The built production app will be hosted on localhost:8079

Lint code

yarn run format

Cleans your codebase to follow the rules set in your eslintrc file. Useful for CI build tools.

Test app

yarn run test

Runs your tests inside ./test against your app code

yarn run test:watch

Watches your app code and re-runs tests on any changes

Notes

FOUC (Flash of Unstyled Content)

To make the hot reloading of CSS work, we are not extracting CSS in development. However, the CSS is extracted to a .css file in the production builds, so you can relaxthat the FOUC will not occur in your production app ๐Ÿ˜ƒ๐Ÿ‘Œ

Feedback

Think this boilerplate could be better? Open an issue, make a pull request, or just holla on: iam (at) rossdyson.com

About

๐Ÿ’Ž react-redux-boiler is a boilerplate for your next React Redux app with minimal dependency bloat and maximum developer experience

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published