thenriquedb-learnstorybook-design-system v0.1.1

Boilerplate to use with Storybook, Sass, TypeScript and JEST

What is insided?

• TypeScript
• Sass
• classnames
• Storybook
• React Testing Library
• Eslint
• Storybook Deployer

How to use

yarn && yarn storybook
# or npm install && npm run storybook  

Scripts

• test: run all jest tests
• storybook: run storybook on 6006 port
• lint: run the linter on all components
• build-storybook: create the build version of storybook

• deploy-storybook:ghpages: Deploy Sorybook on Github Pages

Absolute paths

TypeScript

// anyComponent.tsx
import { Component } from 'packages/Component';
import sass from 'sass/*';

SCSS

// component.module.scss
@import "sass/*";
@import "sass/config/colors";

Read more

• Distribute UI across an organization

• Introduction to design systems