Coder Social home page Coder Social logo

intentionalfutures / react-redux-boiler Goto Github PK

View Code? Open in Web Editor NEW

This project forked from baebb/react-redux-boiler

0.0 4.0 0.0 338 KB

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

JavaScript 97.94% HTML 1.44% CSS 0.62%

react-redux-boiler's Introduction

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

react-redux-boiler's People

Contributors

hantuzun avatar

Watchers

James Cloos avatar Eric Ferrer-Vaughn avatar Jeremy Beasley avatar Rosie Heffernan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.