Ant Design
joshua hernandez
Nov 29, 2021
0 views0
CommentsWhat is Ant Design?
An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework.
Ant Design is a tool in the UI Components category of a tech stack.
Key Features
CasesPrinciplesProximityAlignmentContrastRepetitionMake it DirectStay on the PageKeep it LightweightProvide an InvitationUse TransitionReact ImmediatelyColorsIconsFontCopywriting.
Ant Design Pros & Cons
Pros of Ant Design
- ✓Lots of components
- ✓Polished and enterprisey look and feel
- ✓Easy to integrate
- ✓TypeScript
- ✓Es6 support
- ✓Beautiful and solid
- ✓Typescript support
- ✓Beautifully Animated Components
- ✓Quick Release rhythm
- ✓Great documentation
Cons of Ant Design
- ✗Less
- ✗Large File Size
- ✗Poor accessibility support
- ✗Dangerous to use as a base in component libraries
Ant Design Alternatives & Comparisons
What are some alternatives to Ant Design?
React Router
React Router is a complete routing solution designed specifically for React.js. It painlessly synchronizes the components of your application with the URL, with first-class support for nesting, transitions, and server side rendering.
Material-UI
Material UI is a library of React UI components that implements Google's Material Design.
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
Storybook
It is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
