Ant Design vs React

Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Ant Design
Ant Design

287
200
+ 1
27
React
React

27.1K
18.9K
+ 1
3.4K
Add tool

Ant Design vs React: What are the differences?

Developers describe Ant Design as "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. On the other hand, React is detailed as "A JavaScript library for building user interfaces". Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.

Ant Design belongs to "JavaScript Framework Components" category of the tech stack, while React can be primarily classified under "Javascript UI Libraries".

"Polished and enterprisey look and feel" is the primary reason why developers consider Ant Design over the competitors, whereas "Components" was stated as the key factor in picking React.

Ant Design and React are both open source tools. It seems that React with 132K GitHub stars and 24.5K forks on GitHub has more adoption than Ant Design with 48.5K GitHub stars and 17.1K GitHub forks.

Airbnb, Uber Technologies, and Facebook are some of the popular companies that use React, whereas Ant Design is used by Telepath, XPrep, and Arhia. React has a broader approval, being mentioned in 3223 company stacks & 3086 developers stacks; compared to Ant Design, which is listed in 24 company stacks and 33 developer stacks.

What 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.

What is React?

Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Ant Design?
Why do developers choose React?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
    What companies use Ant Design?
    What companies use React?

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Ant Design?
    What tools integrate with React?

    Sign up to get full access to all the tool integrationsMake informed product decisions

    What are some alternatives to Ant Design and React?
    Material-UI
    It is a comprehensive guide for visual, motion, and interaction design across platforms and devices.
    Bootstrap
    Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
    Semantic UI
    Semantic empowers designers and developers by creating a shared vocabulary for UI.
    Semantic UI React
    Semantic UI React is the official React integration for Semantic UI. jQuery Free, Declarative API, Shorthand Props, and more.
    NativeBase
    NativeBase is a free and open source framework that enables developers to build high-quality mobile apps using React Native iOS and Android apps with a fusion of ES6. NativeBase builds a layer on top of React Native that provides you with basic set of components for mobile application development. This helps you to build world-class application experiences on native platforms.
    See all alternatives
    Decisions about Ant Design and React
    No stack decisions found
    Interest over time
    Reviews of Ant Design and React
    Avatar of sergiotapia
    Senior Software Engineer
    Review ofAnt DesignAnt Design

    Really simple to install and works as you expect it to out of the box.

    Ant Design has a lot of different components to choose from, and they looks fantastic. Very enterprise, very polished. This isn't Twitter Bootstrap.

    A great thing about a lot of the components is that they take other React components as children. So you can nest, and mish-mash the content to your hearts content.

    If you're building something, take a look at Ant Design - it may increase your output speed significantly and make your app not look "MVP".

    Review ofReactReact

    Perfect workflow

    How developers use Ant Design and React
    Avatar of Instacart
    Instacart uses ReactReact

    Before two weeks ago or so, it used to be Backbone views and models, and everything was on our main store app, and our mobile web app, but actually, we just switched our mobile web app to using ReactJS for the interface. So it’s using Backbone models but ReactJS front-end components. Really, it was borne out of the frustration with how the Backbone model-view bindings worked, and it wasn’t especially performant for large views, and we had to do lots of tricks to make it performant. But swapping that out with React views meant that it could be both simpler and faster without having to spend a lot of time on that.

    One other interesting thing about that is, since React actually works okay with the Backbone models and the Backbone router and stuff like that, we didn’t have to rewrite the mobile web application and update it to ReactJS. Rewrites are almost always a bad idea. We were able to upgrade pieces of it at a time, move on to React, and now the entire thing is using React and just has the Backbone router and models and stuff like that that we already had, so it's a lot faster.

    Avatar of Netflix
    Netflix uses ReactReact

    At the beginning of last year, Netflix UI engineers embarked on several ambitious projects to dramatically transform the user experience on our desktop and mobile platforms. Given a UI redesign of a scale similar to that undergone by TVs and game consoles, it was essential for us to re-evaluate our existing UI technology stack and to determine whether to explore new solutions. Do we have the right building blocks to create best-in-class single-page web applications? And what specific problems are we looking to solve? Much of our existing front-end infrastructure consists of hand-rolled components optimized for the current website and iOS application. Our decision to adopt React was influenced by a number of factors, most notably: 1) startup speed, 2) runtime performance, and 3) modularity.

    React has exceeded our requirements and enabled us to build a tremendous foundation on which to innovate the Netflix experience.

    Avatar of Cloudcraft
    Cloudcraft uses ReactReact

    Web-frontend programming prior to React: like banging rocks together. With React: Like wearing fusion powered underwear. Gives you a nice warm feeling. Using React for Cloudcraft.co allowed us to create a beautiful UI in record time (1 month start to launch), with virtually no bugs popping up during development. The functional approach to just rendering your component given a state just makes so much sense, with React figuring out the delta between your current and desired representation. It's the future kids!

    Avatar of Kurzor, s.r.o.
    Kurzor, s.r.o. uses ReactReact

    React is choice number 1 when it comes to JS development at Kurzor. We choose React because it solves many issues with web applications in a elegant way. Writing an app in components is useful for coordination and isolation of concerns. React forces you to abandon state and use vertical passing through props instead. And having as many Pure Components as possible helps to write cleaner code.

    With React we usually use: Redux, React Router, React Toolbox, Styled Components.

    Avatar of Kent Steiner
    Kent Steiner uses ReactReact

    This is the best component framework and API available today for building modern web sites and apps. I really enjoy how minimal it is, and powerful at the same time. It removes opinionated development and replaces it with logic and data philosophies, which has in turn fostered a robust and lively code and support community.

    Avatar of p009922
    p009922 uses Ant DesignAnt Design

    best practice standardization within the team on a very promising GUI standard design for client development

    How much does Ant Design cost?
    How much does React cost?
    Pricing unavailable
    Pricing unavailable
    News about Ant Design
    More news