React demo

Archs

0. scaffold

vite + react + typecript

https://cn.vitejs.dev/guide/

yarn create vite my-react-app --template react-ts

1. react-router

https://reactrouter.com/en/main

2. state management

• ✅zustand
• redux

3. styling

• less

css-in-js

https://github.com/emotion-js/emotion

https://github.com/styled-components/styled-components

4. ui component

• https://github.com/zdhxiong/mdui
• https://github.com/material-components/material-web
• https://mui.com/
• https://github.com/rmwc/rmwc
• https://github.com/ant-design/ant-design
• https://github.com/shadcn-ui/ui

chart

https://airbnb.io/visx

motion

• https://github.com/pmndrs/react-spring
• https://github.com/animate-css/animate.css
• https://github.com/framer/motion
• https://github.com/chenglou/react-motion
• https://github.com/ant-design/ant-motion/

5. Data Fetching

• axios
• swr
• GraphQL
• query

6. rxjs

https://github.com/ReactiveX/rxjs

https://github.com/re-rxjs/react-rxjs

7. rich text edit

https://github.com/quilljs/quill/

https://github.com/zenoamaro/react-quill

8. form

• https://github.com/react-hook-form/react-hook-form
• https://github.com/react-component/field-form
• https://github.com/alibaba/formily

z. others

date

• https://www.npmjs.com/package/date-fns
• https://www.npmjs.com/package/dayjs
• https://www.npmjs.com/package/moment

hook

• @uidotdev/usehooks
• ahooks

demos

• https://github.com/marmelab/react-admin
• https://angular.cn/tutorial