2.0.0 • Published 2 years ago
cra-template-ready-ant v2.0.0
Ready Ant 🐜
Ready to use antd react cra template
Create react app
If you want to use this template easily run bellow command.
yarn create react-app my-app --template ready-ant
or
npm create-react-app my-app --template ready-ant
if you have any suggestion please tell me 🙏.
Telegram : https://t.me/samyar_kd
Email : samyarkd@gmail.com
Github: https://github.com/samyarkd/cra-template-ready-ant
Start development
$ yarn start
Some notes
- Please take a look at the structure especially
layout
folder androuteHandler
- All styles are in
less
folder
RTL
For RTL layout you can really easily customize antd in app/antd.config.ts
Add route
If you want to add new route follow bellow steps
- Go to pages and create a new page.
- Go to
app/routes.ts
and add your route into the routes(title, icon, element, path). - Done. 🤗
Change Theme
There are two ways of customizing theme - less variables and craco
- Less : go to
less/abstracts/_variables.less
and your antd variables - Craco: go to
craco.config.js
and in less optionsmodifyVars
change antd variables
Folder Structure
Bellow structure is just the surface of the structure.
src /
| ./app
| ./components
| ./context
| ./hooks
| ./layout
| ./less
| ./pages
| ./services
| ./utils
| index.ts