jQuery UI vs React

Get Advice Icon

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

jQuery UI
jQuery UI

27.7K
3.2K
+ 1
894
React
React

26.3K
18.3K
+ 1
3.4K
Add tool

jQuery UI vs React: What are the differences?

Developers describe jQuery UI as "Curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library". Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. 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.

jQuery UI and React can be categorized as "Javascript UI Libraries" tools.

"Ui components", "Cross-browser" and "Easy" are the key factors why developers consider jQuery UI; whereas "Components", "Virtual dom" and "Performance" are the primary reasons why React is favored.

jQuery UI and React are both open source tools. It seems that React with 131K GitHub stars and 24.2K forks on GitHub has more adoption than jQuery UI with 10.7K GitHub stars and 5.05K GitHub forks.

According to the StackShare community, React has a broader approval, being mentioned in 3180 company stacks & 2969 developers stacks; compared to jQuery UI, which is listed in 1895 company stacks and 563 developer stacks.

What is jQuery UI?

Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.

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 jQuery UI?
Why do developers choose React?

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

What are the cons of using jQuery UI?
What are the cons of using React?
    Be the first to leave a con
    What companies use jQuery UI?
    What companies use React?

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

    What tools integrate with jQuery UI?
    What tools integrate with React?

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

    What are some alternatives to jQuery UI and React?
    Bootstrap
    Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
    jQuery
    jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
    jQuery Mobile
    jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.
    AngularJS
    AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.
    Kendo UI
    Fast, light, complete: 70+ jQuery-based UI widgets in one powerful toolset. AngularJS integration, Bootstrap support, mobile controls, offline data solution.
    See all alternatives
    Decisions about jQuery UI and React
    No stack decisions found
    Interest over time
    Reviews of jQuery UI and React
    Review ofReactReact

    Perfect workflow

    How developers use jQuery UI 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 Tony Manso
    Tony Manso uses jQuery UIjQuery UI

    I only use the modal dialog thingy in jQuery UI, which displays when the player is not currently playing. I'm not big on the DOM and so it would have taken me a lifetime to figure out how to do this on my own, as compared to the 5 minutes to install jQuery UI and invoke it.

    Avatar of John Galbraith
    John Galbraith uses jQuery UIjQuery UI

    The JQuery libraries are embedded in my home page that allow my site to be viewed the way I want them to.

    Avatar of Romans Malinovskis
    Romans Malinovskis uses jQuery UIjQuery UI

    We fully integrate it into the framework and also supply a nice theme.

    Avatar of Nicholas Alexander
    Nicholas Alexander uses jQuery UIjQuery UI

    Front end form capabilities and animations, drag and drop, etc.

    Avatar of Hunt Norment
    Hunt Norment uses jQuery UIjQuery UI

    4 years of experience using jQuery UI for front-end coolness.

    How much does jQuery UI cost?
    How much does React cost?
    Pricing unavailable
    Pricing unavailable
    News about jQuery UI
    More news