diff --git a/_data/nav_docs.yml b/_data/nav_docs.yml index de48c67c..35334943 100644 --- a/_data/nav_docs.yml +++ b/_data/nav_docs.yml @@ -6,6 +6,8 @@ title: Tutorial - id: videos title: Videos + - id: complementary-tools + title: Complementary tools - title: Guides items: - id: why-react diff --git a/docs/complementary-tools.md b/docs/complementary-tools.md new file mode 100644 index 00000000..90ccba6d --- /dev/null +++ b/docs/complementary-tools.md @@ -0,0 +1,44 @@ +--- +id: complementary-tools +title: Complementary Tools +layout: docs +permalink: complementary-tools.html +prev: videos.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 diff --git a/docs/videos.md b/docs/videos.md index 2ea9a111..96336d70 100644 --- a/docs/videos.md +++ b/docs/videos.md @@ -4,6 +4,7 @@ title: Videos layout: docs permalink: videos.html prev: tutorial.html +next: complementary-tools.html --- ### Rethinking best practices - JSConf.eu