OpusCapita showroom template

Preconfigured to OpusCapita defaults react project template

Installation

npm install -g @opuscapita/react-showroom-template

Global commands

showroom init - create project skeleton in empty folder
showroom add - add new react component. Includes styles, unit-test, showroom specific files

Template commands

npm start - start demopage
npm run lint - run code lint
npm run publish-release - patch package version and publish release

Stuff:

Build and deploy

babel - JavaScript compiler
webpack 2 - modern bundler
opuscapita-npm-scripts - unified release/build approach for npm package and grails plugin from npm packages
eslint - code-style checker
opuscapita-eslint-config - OpusCapita code-style config

Demo and documentation

opuscapita-showroom

Testing

mocha - feature-rich JavaScript test framework
chai - BDD / TDD assertion library
enzyme - testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output
chai-enzyme - chai.js assertions for enzyme
sinon - stubs and mocks

Styles

LESS
BEM-like notation by default
PostCSS with autoprefixer
You can use CSS modules in some cases

You should rename Component.less => Component.module.less*

It also includes OpusCapita bootstrap default styles. This stuff is deprecated and will be removed in future.