A Block is a set of components, it helps you quickly build pages by using multiple blocks. The code for each block is copied directly into your project. Modify the block to fit your needs.
Currenlty, all blocks are page level blocks. You can treat them as typical page templates.
- Previously: Write JS -> Write CSS -> Create a Model -> Create a service -> Write page component.
- Now: Download a Block -> Modify genereted code.
Ant Design Pro offers
umi ui to help you manage blocks.
Assets in Pro are divided into two categories, blocks and templates. A block can be analogized to a component, and a template represents a page. The block now supports all demos in antd, allowing you to import demos into your projects more quickly. The following image demonstrates the rapid development of a crud page.
This type of block provides the ability to: define the placement of blocks, add additional blocks at a specified location, and adding blocks to a target file -- to help keep the code organized.
You can download all the blocks by executing
npm run fetch:blocks in the pro project and directory. The resulting interface will be the same as in preview.
The fetch:blocks script may have some compatibility issues. If you have a problem, please go to the official repository issue.
If you want to develop a block, you can ref umi block to get the guide.