Need advice about which tool to choose?Ask the StackShare community!
Ant Design vs React Router: What are the differences?
Ant Design: A set of high-quality React components. 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; React Router: A complete routing solution for React.js. 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.
Ant Design and React Router can be primarily classified as "JavaScript Framework Components" tools.
"Polished and enterprisey look and feel" is the top reason why over 5 developers like Ant Design, while over 7 developers mention "Because there's not alternative" as the leading cause for choosing React Router.
Ant Design and React Router are both open source tools. It seems that Ant Design with 48.5K GitHub stars and 17.1K forks on GitHub has more adoption than React Router with 36.8K GitHub stars and 7.53K GitHub forks.
Teleport, ClassPass, and WebbyLab are some of the popular companies that use React Router, whereas Ant Design is used by Telepath, XPrep, and Arhia. React Router has a broader approval, being mentioned in 111 company stacks & 99 developers stacks; compared to Ant Design, which is listed in 24 company stacks and 33 developer stacks.
Hi, I start building an admin dashboard with next.js and looking for a frontend framework ( components ready ). So I end up with Ant Design and Material-UI, but I never built a project with these two.
Here is a list of my requirements.
- Good documentation.
- easy CRUD ( date picker and date range picker bundled )
- built-in multi-lang feature or Great 3rd library support
- Admin dashboard template
- well code maintenance
Which is better for the long run?
I'm using both of them. But If you want to create admin dashboard, You should try AntDesign. They (Alibaba / Taobao) created a group of UI libaries to create admin dashboard. It's production ready. https://procomponents.ant.design/en-US/components/table https://pro.ant.design/docs/layout In my opinion, If you want to create a dashboard with mobile first / simple dashboard, you can choice material ui. otherwise, antdesign is better (if you want focus on desktop /tablet ui). Some of skeleton has built with material ui such as react-admin is good point to start. But if you want to create admin site with antdesign, I think you should build with umijs (it is alternative and compatible with nextjs and antd support directlly)
https://github.com/uber/baseweb I highly recommend you baseweb, it's easy and very customizable and also beautiful.
Pros of Ant Design
- Lots of components47
- Polished and enterprisey look and feel33
- TypeScript21
- Easy to integrate20
- Es6 support18
- Typescript support17
- Beautiful and solid17
- Beautifully Animated Components16
- Quick Release rhythm15
- Great documentation14
- Easy to customize Forms2
- Opensource and free of cost1
Pros of React Router
- Because there's not alternative14
Sign up to add or upvote prosMake informed product decisions
Cons of Ant Design
- Less24
- Large File Size10
- Poor accessibility support4
- Dangerous to use as a base in component libraries3