@opuscapita/react-showroom-template

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.