Complementary Tools

React is a small library that does one thing well. Here's a list of tools we've found that work really well with React when building applications.

If you want your project on this list, or think one of these projects should be removed, feel free to edit this page.

Debugging

• React Developer Tools: a Chrome extension that allows you to inspect the React component hierarchy in the Chrome Developer Tools.

JSX integrations

Editor Integration

• Many editors already include reasonable support for JSX (Vim, Emacs js2-mode).
• sublime-react: Snippets and syntax highlighting for React.js / JSX
• javascript-react.tmbundle Syntax and build on save for Textmate
• web-mode.el: An autonomous emacs major mode that indents and highlights JSX
• Atom React.js Support
• vim-jsx: Syntax highlighting and indenting for JSX

Build Tools

• coffee-react: Write JSX code within Coffeescript!
• jsxhint: JSHint (linting) support. (JSX compilation doesn't affect line numbers so lint can also be run directly on the compiled JS.)
• reactify: Browserify transform.
• node-jsx: Native Node support.
• react-hot-loader: Loader for webpack that lets you edit JSX and have changes appear immediately in the browser without reloading the page.
• jsx-loader: Loader for webpack.
• grunt-react: GruntJS task.
• gulp-react: GulpJS plugin.
• brunch-react: Brunch plugin.
• jsx-requirejs-plugin: RequireJS plugin.
• react-meteor: Meteor plugin.
• pyReact: Python bridge to JSX.
• react-rails: Ruby gem for using JSX with Ruby on Rails.
• ReactJS.NET: .NET library for React and JSX.
• sbt-reactjs SBT/Play/Scala JSX compiler plugin

Full-stack starter kits

• react-coffee-express-template: Web app starter template with React, React Router, CoffeeScript, Express/Node.js, Semantic-UI, Gulp and more
• generator-react-webpack: Yeoman generator for React and Webpack.
• Genesis Skeleton: Modern, opinionated, full-stack starter kit for rapid, streamlined application development (supports React).
• react-starter-template: Starter template with Gulp, Webpack and Bootstrap.
• react-brunch: Brunch plugin.
• react-browserify-template: Quick-start with Browserify.
• react-seed: Starter template with Browserify, Gulp.
• KriaSoft React Seed: Starter Kit with React, jQuery, Bootstrap; Webpack, Gulp...
• React Starter Kit for Visual Studio: React.js, jQuery, Bootstrap; Webpack, Gulp...
• React Phonegap Starter: Gulp, NPM, Browserify, React, Phonegap, Less, Recess, Underscore, JQuery...
• Este.js: Robust and comfortable dev stack for isomorphic web apps. Gulp, Closure Library and Compiler, React.js. Mocha configured for TDD. Clean code.
• generator-react-gulp-browserify Yeoman generator for React, Gulp, Browserify and Twitter Bootstrap Sass official.
• generator-react-boilerplate Yeoman generator for React, Gulp, Browserify, Bootstrap and Fluxxor.

Routing

• director: (For an example see TodoMVC).
• Backbone: (For an example see github-issues-viewer).
• react-router
• Aviator (Example).
• Finch
• flux-router-component React components and mixins for router related features that work for applications with Flux architecture
• react-mini-router A minimal URL router mixin.
• YARR ‘Yet Another React Router’ - a minimal router for react (~1200 bytes) with an express.js like API - forked from page.js

Model management

• react.backbone: A suite of Backbone-related mixins for ReactJS to provide seamless integration.
• backbone-react-component: Use multiple Backbone models and collections with React components both on the client and server sides.
• cortex: A JavaScript library for centrally managing data with React.
• avers: A modern client-side model abstraction library.
• astarisx: Highly Composable Application Architecture with built-in pushState router and Media Query notifications for responsive UI design using JavaScript.
• Fluxxor: Fluxxor is a set of tools to facilitate building JavaScript data layers using the Flux architecture by reifying many of the core Flux concepts.
• Ancient Oak: Immutable data structures library in plain JavaScript.
• mori: Immutable data structures from Clojure ported to JavaScript.
• Immutable: Immutable data structures designed to be more JavaScript-y than Mori
• Morearty.js: Features similar to Om but for plain ol' Javascript. Built on Immutable.
• Reflux: An event-based implementation of the Flux architecture that integrates with React components.

Data fetching

• superagent: A lightweight "isomorphic" library for AJAX requests.

UI components

• Khan Academy's component library
• react-bootstrap: Bootstrap 3 components built with React.
• react-topcoat: Topcoat components built with React.
• react-lorem-component: Lorem Ipsum placeholder component.
• wingspan-forms: React library for dynamic forms & grids; widgets provided by KendoUI.
• react-translate-component: React component for i18n.
• newforms: Form-handling library which renders to React.DOM components on the client and the server.
• react-chosen: React wrapper for Chosen jQuery.
• react-ladda: React wrapper for Ladda buttons.
• react-scroll-components: A set of components and mixins that react to page scrolling.
• react-forms: Form rendering and validation for React
• react-treeview: Easy, light, flexible tree view.
• react-date-picker: A simple and reusable datepicker component for React.
• react-textarea-autosize: Like <textarea /> but resizes automatically to fit all its content.
• React-TimeAgo A minimal live updating Time Ago component that smartly converts any time to a ‘ago’ or ‘from now’ format and keeps it updated.

Miscellaneous

• react-bacon: provides a mixin for using Bacon.js with React components.
• react-mixin-manager: A manager for named mixins which allows for defined dependencies (and auto-inclusion of those dependencies), overrideable mixins (3rd party mixins can expose core functionality to be overrideable), and mixin groupings (use a single name to represent a set of mixins)
• react-events: A mixin which gives component for managed declaritive event bindings (similar to Backbone Views). It has default support for window, refs and DOM.
• dispatchr: A Flux dispatcher for applications that run on the server and the client.
• HTML2React: A tool that helps reusing HTML code and migrating projects to React by compiling pure HTML to Coffeescript React code like this.
• React-Prefixr: A simple utility for handling vendor prefixes in React. It's a simple function that takes and object of styles and returns a properly prefixed version. `npm install react-prefixr
• react-unmount-listener-mixin: React mixin for listenable componentWillUnmount
• shivie8: Minimal HTML5 element shiv for IE8. Enables safe use of the new semantic HTML5 elements in React, without the unnecessary overhead associated with html5shiv.
• jreact: Rendering react server-side within a JVM (Java 7 or Java 8)
• React Component Library: A community maintained list of React Components to help other developers find pre-built components.