Skip to content

DWethmar/react-app

Repository files navigation

React App

travis lerna code style: prettier Storybook sonarcloud Coverage Status

A starter project for react apps.

Things you need to change if your are copying this project:

  • in the package.json file change the name.
  • remove ./packages/common
  • remove ./apps/example

Some opinionated choices:

  • monorepo.
  • Typescript. (js for tools/scripts is ok)
  • No default exports in ts/js files.
  • Sass for styling.
  • Lint with eslint (.js,.ts,.tsx) and stylelint (.scss).
  • React
    • Only function components with hooks.
    • Re-usable components are node packages (managed with lerna).
    • Work on components within storybook.
  • Auto format code with eslint.
  • 4 spaces indentation.
  • Re-usable code should be created with plop.
  • code quality with sonarcloud.

Quick start

  • Lint with: npm run lint
  • Create new components with: npx plop
  • Test with npm test
  • create new apps with: cd src and npx create-react-app example --typescript.

Continues integration (TODO)

  • Travis, see: ./travis.yaml

TODO

  • Server side rendering (SSR).``

About

Starter project for react apps

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published