Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions docs/_data/nav_docs.yml
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,10 @@
title: Tutorial
- id: videos
title: Videos
- id: complementary-tools
title: Complementary tools
- id: example-apps
title: Example apps
- title: Guides
items:
- id: why-react
Expand Down
46 changes: 46 additions & 0 deletions docs/docs/complementary-tools.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
---
id: complementary-tools
title: Complementary Tools
layout: docs
permalink: complementary-tools.html
prev: videos.html
next: example-apps.html
---

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, [open an issue on GitHub](https://github.com/facebook/react/issues/new).

### JSX integrations

* **[jsxhint](https://npmjs.org/package/jsxhint)** [JSHint](http://jshint.com/) (linting) support
* **[reactify](https://npmjs.org/package/reactify)** [Browserify](http://browserify.org/) transform
* **[node-jsx](https://npmjs.org/package/node-jsx)** Native [Node](http://nodejs.org/) support
* **[jsx-loader](https://npmjs.org/package/jsx-loader)** Loader for [webpack](http://webpack.github.io/)
* **[grunt-react](https://npmjs.org/package/grunt-react)** [GruntJS](http://gruntjs.com/) task
* **[gulp-react](https://npmjs.org/package/gulp-react)** [GulpJS](http://gulpjs.com/) plugin
* **[jsx-requirejs-plugin](https://github.com/philix/jsx-requirejs-plugin)** [RequireJS](http://requirejs.org/) plugin

### Full-stack starter kits

* **[react-app](https://github.com/andreypopp/react-app)** Rapid appliaction development with React with server rendering
* **[generator-react-webpack](https://github.com/newtriks/generator-react-webpack)** [Yeoman](http://yeoman.io/) generator for React and Webpack
* **[Genesis Skeleton](http://genesis-skeleton.com/)** Modern, opinionated, full-stack starter kit for rapid, streamlined application development (supports React)
* **[react-starter-template](https://github.com/johnthethird/react-starter-template)** Starter template with Gulp, Webpack and Bootstrap
* **[react-brunch](https://npmjs.org/package/react-brunch)** [Brunch](http://brunch.io/) plugin
* **[react-browserify-template](https://github.com/petehunt/react-browserify-template)** Quick-start with Browserify

### Routing

* **[director](https://github.com/flatiron/director)** (for an example see [TodoMVC](https://github.com/tastejs/todomvc/blob/gh-pages/architecture-examples/react/js/app.jsx#L29))
* **[Backbone](https://backbonejs.org/)** (for an example see [github-issues-viewer](https://github.com/jaredly/github-issues-viewer))

### Model management

* **[react.backbone](https://github.com/usepropeller/react.backbone)** Use [Backbone](http://backbonejs.org) models with React
* **[cortex](https://github.com/mquan/cortex/)** A JavaScript library for centrally managing data with React

### UI components

* **[react-bootstrap](https://github.com/stevoland/react-bootstrap)** Bootstrap 3 components built with React
* **[react-topcoat](https://github.com/plaxdan/react-topcoat)** Topcoat components built with React
13 changes: 13 additions & 0 deletions docs/docs/example-apps.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
---
id: example-apps
title: Example apps
layout: docs
permalink: example-apps.html
prev: complementary-tools.html
---

Here is a selection of open-source apps built with React.

* **[TodoMVC](https://github.com/tastejs/todomvc/tree/gh-pages/architecture-examples/react/js)**
* **[Khan Academy question editor](https://github.com/khan/perseus)** (browse their GitHub account for many more production apps!)
* **[github-issues-viewer](https://github.com/jaredly/github-issues-viewer)**
1 change: 1 addition & 0 deletions docs/docs/videos.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ title: Videos
layout: docs
permalink: videos.html
prev: tutorial.html
next: complementary-tools.html
---

### Rethinking best practices - JSConf.eu
Expand Down