/react-redux-boilerplate

Simple Boilerplate for a React/Redux App with Immutable Data

Primary LanguageJavaScript

React/Redux Boilerplate

Kickstart a production-grade, scalable, and performant React/Redux application.

Table of Contents

Features

Getting Started

Requirements

Installation

Usage

Scripts

Tests

Dependencies

  • React and JSX - a virtual DOM JavaScript library for rendering UI. It's about rendering view as a function of state, making JavaScript-driven UI declarative the way HTML is declarative.
  • Redux - an incredibly simple way of modelling your data app state, with great community support
  • Webpack 2 and dev middleware - client-side module builder and module loader
  • React Hot Loader 3 - Tweak React components in real time.
  • React Router v4 - Declarative routing for React
  • React Router Redux - Ruthlessly simple bindings to keep react-router and redux in sync
  • Flow - Adds static typing to JavaScript to improve developer productivity and code quality.
  • yarn - Fast, reliable, and secure dependency management
  • Babel 6 - transpiler from ES6 / JSX to ES5
  • PostCSS - ecosystem of custom plugins and tools aimed at transforming extended syntaxes and features into modern, browser-friendly CSS
  • CSS Modules - guarantee that all the styles for a single component, designed to fix the problem of the global scope in CSS
  • Redux DevTools - a live-editing environment for your Redux apps (and as a browser extension)
  • webpack-dashboard - CLI dashboard for your Webpack dev server
  • ESLint - reporter for syntax and style issues
  • eslint-plugin-react & eslint-plugin-flow - additional React/Flow type specific linting rules for ESLint
  • Sass - compiler of CSS styles with variables, mixins, and more
  • Mocha - well-known and flexible test framework that you can use to run your JavaScript tests on the server or in the browser
  • Enzyme - makes unit testing React components an absolute pleasure
  • Chai - BDD assertion library that works along with Mocha
  • Sentry - real-time error tracking for your app
  • BaoBab - JavaScript persistent and optionally immutable data tree with cursors.
  • ImmutableJS - Immutable persistent data collections for Javascript which increase efficiency and simplicity.

Style Guide

Organization

Directory Structure

Import Grouping