README.ko.md

Chakra React

클라이언트 사이드 렌더링을 사용하는 React Boilerplate입니다.

많은 코드가 Charka UI와 React Query가 결합한 형태입니다.

마음대로 클론을 하셔도 되고, 필요한 부분만 복사해 가셔도 됩니다.

Demo

link

Getting Started

의존성 설치 후

yarn

React 서버를 시작합니다.

yarn dev

Main Features

• Global Modal Provider (Zustand)
• Global Toast Message (React Query)
• Optimistic Update (React Query, refer to github)
• WYSIWYG Editor (Quill)
• Forms (React Hook Form)
• Table (React Table)
• Infinite List (React Query)
• Virtual List (React Virtual)
• Translation (React I18next)

라이브러리

Core

• React

UI

• Charka UI
• React Table
• Quill
• React Icons

Data

• Axios
• Zustand
• React Query
• React Hook Form

Utilities

• React Virtual
• React I18next

Code

• TypeScript
• ESLint
• Prettier

Attention

• Chakra UI를 NextJS에서 사용하기에는 구조적인 문제가 있어 NextJS 버전은 아카이브 되었습니다.

  • https://github.com/Lee-Minhoon/nextjs-boilerplate

• msw를 사용해 API를 mocking하였으므로, 사용하지 않는다면 mocks 폴더와 아래 라이브러리를 삭제해도 무방합니다.

  • msw

Previews