Backbone.js vs. React vs. jQuery vs. jQuery Mobile Comparison Chart

React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.

jQuery Mobile is an HTML5-based user interface system designed to make responsive websites and apps that are accessible on all smartphones, tablets, and desktop devices. jQuery Mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique applications for each mobile device or OS, the jQuery mobile framework allows you to design a single highly-branded responsive website or application that will work on all popular smartphone, tablet, and desktop platforms. We believe that your website or app should feel like your brand, not any particular OS. To make building highly customized themes easy, we've created ThemeRoller for mobile to make it easy to drag and drop colors and download a custom theme. For polished visuals without the bloat, we leverage CSS3 properties. We recommend using our tool to build a custom bundle that contains only the components you need.