Chakra React

This is a React Boilerplate using client-side rendering.

There is a lot of code integrated with Charka UI and React Query.

Feel free to clone the entire project or just copy the parts you need.

Demo

link

Getting Started

Install dependencies.

yarn

Then, start the React server.

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)

Features

Core

• Next.js

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

• The NextJS version has been archived due to structural issues with using Chakra UI in NextJS.

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

• Since API mocking is done with msw, you can delete the 'mocks' folder and the following library if you don't need it:

  • msw

Previews