React Boilerplate using Styled Components Design System

This is a boilerplate for React projects using styled-components and a design system. It is based on the styled-components design system documentation. It also includes Prettier, Eslint, Storybook, Vitest, and React Testing Library.

With this boilerplate, you can start a new project with a design system and a component library. You can also use the Storybook to document your components and the Vitest to test them. The React Testing Library is also included to test your components.

Important

• This boilerplate is only a starting point for your project. You can customize it as you wish.
• The design tokens must be adjusted for your needs.

Features

• React
• styled-components
• Prettier
• Eslint
• Storybook
• Vitest
• React Testing Library

Getting Started

Clone the repository

git clone https://github.com/fabiorodriguesdev/boilerplate-ds-sc.git

Install dependencies

npm install

Start the development server

npm run dev

Build the project

npm run build

Run Storybook

npm run  storybook

Run tests

npm run test
npm run test:watch
npm run test:ui
npm run test:coverage