Skip to content

euler-ui/boilerplate

Repository files navigation

React BoilerPlate - A starter boilerplate for React based web app project.

JavaScript library boilerplate, a web project template using:

JavaScript Library - React;
UI Library - React Bootstrap;
Future ECMASCript Standards - ES6+;
Javascript Compiler - Babel;
Application Architecture - Redux;
Module Bundler - webpack;
Javascript Test Runner - Karma;
Test Framework - Mocha;
Tests Assertion - Chai;
Test spies/stubs/mocks - Sinon;
Text Editors Configuration - Formatter & Linter & Snippets
Code Standard.

Features

Getting Started

Build Project

Directory Layout

.
├── /build/                     # The folder for compiled output
├── /node_modules/              # 3rd-party libraries and utilities
├── /src/                       # The source code of the application
│   ├── /actions/               # Action creators that allow to trigger a dispatch to stores
│   ├── /components/            # React components
│   ├── /containers/            # React containers
│   ├── /constants/             # Constants (action types etc.)
│   ├── /core/                  # Core framework and utility functions
│   ├── /public/                # Static files which are copied into the /build/public folder
│   ├── /reducers/              # Redux reducers
│   ├── /index.js               # Client-side startup script
│   └── /server.js              # Server-side startup script
├── /test/                      # test codes
└── /karma.conf.js              # Karma test runner configuration
└── /webpack.config.js          # configurations for client-side and server-side bundles
└── package.json                # The list of 3rd party libraries and utilities

Learn More