Practice Storybook React

This project is adapted from '哎呀!不小心刻了一套 React UI 元件庫'.

此專案參考自「哎呀!不小心刻了一套 React UI 元件庫」改寫而成。

Table of Contents

Recommended IDE Setup

About this project

This template includes the following packages:

這模板整合了以下套件

  • Storybook 7 - Frontend workshop for UI development
  • React 18 - The library for web and native user interfaces
  • TypeScript - TypeScript extends JavaScript by adding types.
  • ESLint - Find and fix problems in your JavaScript code
  • Prettier - Opinionated Code Formatter

Prerequisites

請先安裝好 Node.js 環境

This Demo project is running on Node.js (18.17.1) while testing.

Clone / Download

  1. Clone this repository to your local machine
  2. Start your development
$ git clone https://github.com/andy922200/practice-storybook-react.git

Related Scripts

1. Enter the project folder

> Open a new terminal window and enter the folder
$ cd <project folder>

2. Install packages via pnpm

$ pnpm install

3. For Storybook development

$ pnpm storybook

4. Fix the coding style automatically

$ pnpm lint

Author