reBEM Starter Kit

React starter kit based on reBEM stack.

Structure

• build/ – output folder
• conf/ – configs
• tasks.js – start tasks
• src/index.js – main entry point
• src/components – app layer components
• src/theme-bootstrap – bootstrap layer components
• test — tests

Usage

install

npm i

dev

npm start dev
open http://localhost:3000/webpack-dev-server/

build

npm start build
open build/index.html

Layers

There are four reBEM layers in this starter kit:

1. reBEM core components
2. reBEM reset theme
3. Simple inline theme based on Bootstrap 3. It'll give you the basic understanding on how to create your own themes.
4. App itself

Feel free to create and use your own.

Testing

Tests are preconfigured with karma, mocha and chai. Testing stack also includes some useful helpers:

• enzyme — great testing library for React
• rebem-enzyme — BEM addons for Enzyme
• chai-bem — Chai assertions for BEM class names

run tests in TDD mode

npm start tdd

run tests once

npm start test