https://github.com/pascalduez/react-module-boilerplate

Sample React presentational components package.
https://github.com/pascalduez/react-module-boilerplate

babel boilerplate components css-modules enzyme flow jest react storybook ui

Last synced: 2 months ago
JSON representation

Sample React presentational components package.

• Host: GitHub
• URL: https://github.com/pascalduez/react-module-boilerplate
• Owner: pascalduez
• License: unlicense
• Created: 2016-09-25T13:02:08.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2022-04-13T09:57:41.000Z (over 2 years ago)
• Last Synced: 2024-10-05T14:06:26.820Z (3 months ago)
• Topics: babel, boilerplate, components, css-modules, enzyme, flow, jest, react, storybook, ui
• Language: JavaScript
• Homepage:
• Size: 3.21 MB
• Stars: 16
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
> :warning: **Outdated**: Most of the code samples and configs here are outdated by now

# react-module-boilerplate

[![Build Status][travis-image]][travis-url]

> 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](https://github.com/pascalduez)

## Licence

react-module-boilerplate is [unlicensed](http://unlicense.org/).

[travis-url]: https://travis-ci.org/pascalduez/react-module-boilerplate?branch=master

[travis-image]: http://img.shields.io/travis/pascalduez/react-module-boilerplate.svg?style=flat-square

[license-image]: http://img.shields.io/npm/l/postcss-apply.svg?style=flat-square

[license-url]: UNLICENSE