Skip to content

faner11/react-antd

Repository files navigation

English |简体中文

Development Notes

Basic

  • pnpm Package Management Tools
  • vite Build Tools
  • typescript Default development language

CSS

  • tailwindcss Atomic css tool library,Recommended usetailwindcss + css in js programs,Abandon preprocessing tools like less, sass, etc.。
  • emotion css in js

Status Management

fetch Interface & Type Definition

  • @openapitools/openapi-generator-cli OpenAPI 2.0/3.x documentation generation interface and type definition, pnpm run gcapi calls openapitools.json to generate documentation, inputSpec can be filled with remote addresses, depend on docker。

Form

  • formilyjs Form rendering engine, antd projects are recommended to use
  • react-hook-form React Hooks-based form library, recommended for mui projects
  • react-hook-form-mui Form component library based on react-hook-form and mui
  • Zod TypeScript-first schema validation with static type inference

Other libraries

Catalog Structure

  • components Global components go here
  • comm constants go here
  • pages Page components are placed here
    • Home Home
      • assets Resources related to this feature
      • components Components for this feature page are placed here
      • index.tsx The entry file for Home
      • service The page logic abstraction is placed here

Recommend

  • table + query form refer to table/index.tsx demo
  • Subpage container,Header settings,refer to home/index.tsx PageContainer
  • Suggest using css in js to replace css,less,improve css maintainability
  • breadcrumbs out of the box

About

A simple, scalable, and powerful architecture for building production ready React applications.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published