React App

This is a template for a Create React App with additional tools.

• Tech-Stack
• Project Setup
  • Set up Vercel
    • App
    • Storybook
• Getting started
• Test Driven Development
• Commands

It uses the following tools/libraries:

Tech-Stack

• Storybook
• Jest
• Testing Library
• Stylelint
• Eslint
• Prettier
• Husky
• Zustand

Project Setup

This project uses multiple Vercel deployments to make design/code reviews easier:

• App Production
• App Preview
• Storybook Production
• Storybook Preview

Set up Vercel

Please follow this guide: https://vercel.com/docs/concepts/git

App

1.Follow the default setup for Create React App.

Storybook

1. Adjust the "Build and Output Settings"
   • BUILD COMMAND: npm run storybook:build
   • OUTPUT DIRECTORY: ./storybook-static

Getting started

Run the development server:

npm run start

Run storybook:

npm run storybook

Test Driven Development

We use jest to write unit tests. Please look at the Documentation for Jest and testing-library.

Commands

Run the development server:

npm run start

Build:

npm run build

Run storybook:

npm run storybook

Build storybook:

npm run storybook:build

Run unit tests:

npm run jest
# npm run jest:watch # watch
# npm run test:unit # same as "npm run jest"

Run all tests:

npm run test

Run stylelint

npm run stylelint

Run eslint

npm run eslint

Run all linters

npm run lint