react module boilerplate

️ Outdated: Most of the code samples and configs here are outdated by now

react-module-boilerplate

Sample React components package.

About

Showcase and document techniques and glued tools to build and maintain either single component or UI systems packages. Strive for keeping things simple and efficient.

Features

JS, ESnext

• ES2018+ with @babel/preset-env
• Ship both ESM, commonjs, UMD modules with Rollup

Styling

• CSS modules
• CSS next with postcss-preset-env
  • custom properties (theming)
  • Autoprefixer
• Ship two stylesheets
  • Local scoped styles
  • Global styles
• Ship individual CSS modules
  • Allows for picking just the needed ones

Unit Testing

• Jest
• testing-library/react
• testing-library/jest-dom
• CI reports (tests results, coverage)
• babel-plugin-css-modules-transform (Test classNames)

Code Quality

• ESLint
• Flow
• flow-coverage-report
• Stylelint
• Prettier

Development environment, styleguide

• Storybook
• Playroom

Credits

• Pascal Duez

Licence

react-module-boilerplate is unlicensed.