mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Rebuild docs
This commit is contained in:
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
@@ -385,10 +399,12 @@
|
||||
<li><strong><a href="https://npmjs.org/package/gulp-react">gulp-react</a></strong> <a href="http://gulpjs.com/">GulpJS</a> plugin.</li>
|
||||
<li><strong><a href="https://github.com/philix/jsx-requirejs-plugin">jsx-requirejs-plugin</a></strong> <a href="http://requirejs.org/">RequireJS</a> plugin.</li>
|
||||
<li><strong><a href="https://github.com/benjamn/react-meteor">react-meteor</a></strong> <a href="http://www.meteor.com/">Meteor</a> plugin.</li>
|
||||
<li><strong><a href="https://github.com/facebook/react-python">pyReact</a></strong> <a href="http://www.python.org/">Python</a> bridge to JSX.</li>
|
||||
<li><strong><a href="https://github.com/facebook/react-rails">react-rails</a></strong> Ruby gem for using JSX with <a href="http://rubyonrails.org/">Ruby on Rails</a>.</li>
|
||||
</ul>
|
||||
<h3><a class="anchor" name="full-stack-starter-kits"></a>Full-stack starter kits <a class="hash-link" href="#full-stack-starter-kits">#</a></h3>
|
||||
<ul>
|
||||
<li><strong><a href="https://github.com/andreypopp/react-quickstart">react-quickstart</a></strong> Quick-start template for <code>express</code>, <code>browserify</code>, <code>react-router-component and</code>react-async` (<strong>includes "isomorphic" server rendering</strong>).</li>
|
||||
<li><strong><a href="https://github.com/andreypopp/react-quickstart">react-quickstart</a></strong> Quick-start template for <code>express</code>, <code>browserify</code>, <code>react-router-component</code> and <code>react-async</code> (<strong>includes "isomorphic" server rendering</strong>).</li>
|
||||
<li><strong><a href="https://github.com/newtriks/generator-react-webpack">generator-react-webpack</a></strong> <a href="http://yeoman.io/">Yeoman</a> generator for React and Webpack.</li>
|
||||
<li><strong><a href="http://genesis-skeleton.com/">Genesis Skeleton</a></strong> Modern, opinionated, full-stack starter kit for rapid, streamlined application development (supports React).</li>
|
||||
<li><strong><a href="https://github.com/johnthethird/react-starter-template">react-starter-template</a></strong> Starter template with Gulp, Webpack and Bootstrap.</li>
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
+21
-4
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
@@ -374,15 +388,18 @@
|
||||
<div class="subHeader"></div>
|
||||
<h3><a class="anchor" name="production-apps"></a>Production Apps <a class="hash-link" href="#production-apps">#</a></h3>
|
||||
<ul>
|
||||
<li><strong><a href="http://instagram.com/">Instagram.com</a></strong> Is 100% built on React.</li>
|
||||
<li><strong><a href="http://www.facebook.com/">Facebook.com</a></strong> 's commenting interface, ads creation flows, and page insights.</li>
|
||||
<li><strong><a href="http://khanacademy.org/">Khan Academy</a></strong> Uses React for most new JS development.</li>
|
||||
<li><strong><a href="http://instagram.com/">Instagram.com</a></strong> is 100% built on React, both public site and internal tools.</li>
|
||||
<li><strong><a href="http://www.facebook.com/">Facebook.com</a></strong>'s commenting interface, business management tools, <a href="http://facebook.com/lookback/edit">Lookback video editor</a>, page insights, and most, if not all, new JS development.</li>
|
||||
<li><strong><a href="http://khanacademy.org/">Khan Academy</a></strong> uses React for most new JS development.</li>
|
||||
<li><strong><a href="https://www.shirtstarter.com/">Shirtstarter</a></strong> is 100% built on React.</li>
|
||||
<li><strong><a href="http://sberbank.ru/moscow/ru/person/">Sberbank</a></strong>, Russia's number one bank, is built with React.</li>
|
||||
<li><strong><a href="http://www.nytimes.com/interactive/2014/02/02/fashion/red-carpet-project.html?_r=0">The New York Times's 2014 Red Carpet Project</a></strong> is built with React.</li>
|
||||
</ul>
|
||||
<h3><a class="anchor" name="sample-code"></a>Sample Code <a class="hash-link" href="#sample-code">#</a></h3>
|
||||
<ul>
|
||||
<li><strong><a href="/react/downloads.html">React starter kit</a></strong> Includes several examples which you can <a href="https://github.com/facebook/react/tree/master/examples/">view online in our GitHub repository</a>.</li>
|
||||
<li><strong><a href="https://github.com/petehunt/react-one-hour-email/commits/master">React one-hour email</a></strong> Goes step-by-step from a static HTML mock to an interactive email reader, written in just one hour!</li>
|
||||
<li><strong><a href="https://github.com/petehunt/rendr-react-template/">Rendr + React app template</a></strong> Demonstrates how to use React's server rendering capabilities.</li>
|
||||
<li><strong><a href="https://github.com/mhart/react-server-example">React server rendering example</a></strong> Demonstrates how to use React's server rendering capabilities.</li>
|
||||
</ul>
|
||||
<h3><a class="anchor" name="open-source-demos"></a>Open-Source Demos <a class="hash-link" href="#open-source-demos">#</a></h3>
|
||||
<ul>
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
@@ -388,16 +402,7 @@
|
||||
<h3><a class="anchor" name="productionizing-precompiled-jsx"></a>Productionizing: Precompiled JSX <a class="hash-link" href="#productionizing-precompiled-jsx">#</a></h3>
|
||||
<p>If you have <a href="http://npmjs.org/">npm</a>, you can simply run <code>npm install -g react-tools</code> to install our command-line <code>jsx</code> tool. This tool will translate files that use JSX syntax to plain JavaScript files that can run directly in the browser. It will also watch directories for you and automatically transform files when they are changed; for example: <code>jsx --watch src/ build/</code>. Run <code>jsx --help</code> for more information on how to use this tool.</p>
|
||||
<h3><a class="anchor" name="helpful-open-source-projects"></a>Helpful Open-Source Projects <a class="hash-link" href="#helpful-open-source-projects">#</a></h3>
|
||||
<p>The open-source community has built tools that integrate JSX with several build systems.</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://github.com/andreypopp/reactify">reactify</a> - use JSX with <a href="http://browserify.org/">browserify</a></li>
|
||||
<li><a href="https://github.com/ericclemmons/grunt-react">grunt-react</a> - <a href="http://gruntjs.com/">grunt</a> task for JSX</li>
|
||||
<li><a href="https://github.com/sindresorhus/gulp-react">gulp-react</a> - <a href="http://gulpjs.com/">gulp</a> task for JSX</li>
|
||||
<li><a href="https://github.com/philix/jsx-requirejs-plugin">jsx-requirejs-plugin</a> - use JSX with <a href="http://requirejs.org/">require.js</a> and precompile JSX files with r.js</li>
|
||||
<li><a href="https://github.com/facebook/react-python">pyReact</a> - use JSX with <a href="http://www.python.org/">Python</a></li>
|
||||
<li><a href="https://github.com/facebook/react-rails">react-rails</a> - use JSX with <a href="http://rubyonrails.org/">Ruby on Rails</a></li>
|
||||
</ul>
|
||||
<p>The open-source community has built tools that integrate JSX with several build systems. See <a href="/react/docs/complementary-tools.html#jsx-integrations">JSX integrations</a> for the full list.</p>
|
||||
<h3><a class="anchor" name="syntax-highlighting-amp-linting"></a>Syntax Highlighting & Linting <a class="hash-link" href="#syntax-highlighting-amp-linting">#</a></h3>
|
||||
<ul>
|
||||
<li>Many editors already include reasonable support for JSX (Vim, Emacs js2-mode).
|
||||
@@ -405,6 +410,7 @@
|
||||
<ul>
|
||||
<li><a href="https://github.com/yungsters/sublime/blob/master/tmLanguage/JavaScript%20(JSX).tmLanguage">JSX syntax highlighting</a> is available for Sublime Text and other editors
|
||||
that support <code>*.tmLanguage</code>.</li>
|
||||
<li><a href="http://web-mode.org">web-mode.el</a> is an autonomous emacs major mode that indents and highlights JSX</li>
|
||||
</ul></li>
|
||||
<li>Linting provides accurate line numbers after compiling without sourcemaps.</li>
|
||||
<li>Elements use standard scoping so linters can find usage of out-of-scope components.</li>
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
+15
-1
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
@@ -946,7 +960,7 @@
|
||||
<a class="docs-prev" href="/react/docs/getting-started.html">← Prev</a>
|
||||
|
||||
|
||||
<a class="docs-next" href="/react/docs/videos.html">Next →</a>
|
||||
<a class="docs-next" href="/react/docs/thinking-in-react.html">Next →</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
+15
-1
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html" class="active">
|
||||
Videos
|
||||
@@ -422,7 +436,7 @@
|
||||
|
||||
<div class="docs-prevnext">
|
||||
|
||||
<a class="docs-prev" href="/react/docs/tutorial.html">← Prev</a>
|
||||
<a class="docs-prev" href="/react/docs/thinking-in-react.html">← Prev</a>
|
||||
|
||||
|
||||
<a class="docs-next" href="/react/docs/complementary-tools.html">Next →</a>
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
+11
-1
@@ -90,8 +90,18 @@
|
||||
<div class="highlight"><pre><code class="html language-html" data-lang="html"><span class="nt"><script </span><span class="na">src=</span><span class="s">"http://fb.me/JSXTransformer-0.9.0.js"</span><span class="nt">></script></span>
|
||||
</code></pre></div>
|
||||
<p>All scripts are also available via <a href="http://cdnjs.com/libraries/react/">CDNJS</a>.</p>
|
||||
<h2><a class="anchor" name="npm"></a>npm <a class="hash-link" href="#npm">#</a></h2>
|
||||
<p>To install the JSX transformer on your computer, run:</p>
|
||||
<div class="highlight"><pre><code class="sh language-sh" data-lang="sh"><span class="nv">$ </span>npm install -g react-tools
|
||||
</code></pre></div>
|
||||
<p>For more info about the <code>jsx</code> binary, see the <a href="/react/docs/getting-started.html#offline-transform">Getting Started</a> guide.</p>
|
||||
|
||||
<p>If you're using an npm-compatible packaging system like browserify or webpack, you can use the <code>react</code> package. After installing it using <code>npm install react</code> or adding <code>react</code> to <code>package.json</code>, you can use React:</p>
|
||||
<div class="highlight"><pre><code class="js language-js" data-lang="js"><span class="kd">var</span> <span class="nx">React</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'react'</span><span class="p">);</span>
|
||||
<span class="nx">React</span><span class="p">.</span><span class="nx">renderComponent</span><span class="p">(...);</span>
|
||||
</code></pre></div>
|
||||
<p>If you'd like to use any <a href="/react/docs/addons.html">add-ons</a>, use <code>var React = require('react/addons');</code> instead.</p>
|
||||
<h2><a class="anchor" name="bower"></a>Bower <a class="hash-link" href="#bower">#</a></h2><div class="highlight"><pre><code class="sh language-sh" data-lang="sh"><span class="nv">$ </span>bower install --save react
|
||||
</code></pre></div><h2><a class="anchor" name="npm"></a>NPM <a class="hash-link" href="#npm">#</a></h2><div class="highlight"><pre><code class="sh language-sh" data-lang="sh"><span class="nv">$ </span>npm install -g react-tools
|
||||
</code></pre></div>
|
||||
|
||||
<div class="docs-prevnext">
|
||||
|
||||
@@ -369,7 +369,7 @@ Minified build for production: <a href="http://fb.me/react-with-addons-0
|
||||
<h2><a class="anchor" name="building-a-complex-react-component"></a>Building a complex React component <a class="hash-link" href="#building-a-complex-react-component">#</a></h2>
|
||||
<p><a href="http://matt-harrison.com/">Matt Harrison</a> walks through the process of <a href="http://matt-harrison.com/building-a-complex-web-component-with-facebooks-react-library/">creating an SVG-based Resistance Calculator</a> using React. <figure><a href="http://matt-harrison.com/building-a-complex-web-component-with-facebooks-react-library/"><img src="/react/img/blog/resistance-calculator.png" alt=""></a></figure></p>
|
||||
<h2><a class="anchor" name="random-tweets"></a>Random Tweets <a class="hash-link" href="#random-tweets">#</a></h2>
|
||||
<div><blockquote class="twitter-tweet" lang="en"><p>[#reactjs](https://twitter.com/search?q=%23reactjs&src=hash) has very simple API, but it's amazing how much work has been done under the hood to make it blazing fast.</p>&mdash; Anton Astashov (@anton_astashov) <a href="https://twitter.com/anton_astashov/status/417556491646693378">December 30, 2013</a></blockquote></div>
|
||||
<div><blockquote class="twitter-tweet" lang="en"><p>[#reactjs](https://twitter.com/search?q=%23reactjs&src=hash) has very simple API, but it's amazing how much work has been done under the hood to make it blazing fast.</p>&mdash; Anton Astashov (@anton_astashov) <a href="https://twitter.com/anton_astashov/status/417556491646693378">December 30, 2013</a></blockquote></div>
|
||||
|
||||
<div><blockquote class="twitter-tweet" lang="en"><p>[#reactjs]((https://twitter.com/search?q=%23reactjs&src=hash) makes refactoring your HTML as easy & natural as refactoring your javascript [@react_js](https://twitter.com/react_js)</p>&mdash; Jared Forsyth (@jaredforsyth) <a href="https://twitter.com/jaredforsyth/status/420304083010854912">January 6, 2014</a></blockquote></div>
|
||||
|
||||
@@ -489,7 +489,7 @@ Minified build for production: <a href="http://fb.me/react-with-addons-0
|
||||
<h3><a class="anchor" name="om-experience-report"></a>Om Experience Report <a class="hash-link" href="#om-experience-report">#</a></h3>
|
||||
<p>Adam Solove (<a href="https://twitter.com/asolove/">@asolove</a>) <a href="http://adamsolove.com/js/clojure/2014/01/06/om-experience-report.html">dives a little deeper into Om, React and ClojureScript</a>. He shares some helpful tips he gathered while building his <a href="https://github.com/asolove/carto-crayon">CartoCrayon</a> prototype.</p>
|
||||
<h2><a class="anchor" name="not-so-random-tweet"></a>Not-so-random Tweet <a class="hash-link" href="#not-so-random-tweet">#</a></h2>
|
||||
<div><blockquote class="twitter-tweet" lang="en"><p>[@swannodette](https://twitter.com/swannodette) No thank you! It's honestly a bit weird because Om is exactly what I didn't know I wanted for doing functional UI work.</p>&mdash; Adam Solove (@asolove) <a href="https://twitter.com/asolove/status/420294067637858304">January 6, 2014</a></blockquote></div>
|
||||
<div><blockquote class="twitter-tweet" lang="en"><p>[@swannodette](https://twitter.com/swannodette) No thank you! It's honestly a bit weird because Om is exactly what I didn't know I wanted for doing functional UI work.</p>&mdash; Adam Solove (@asolove) <a href="https://twitter.com/asolove/status/420294067637858304">January 6, 2014</a></blockquote></div>
|
||||
</description>
|
||||
<pubDate>2014-02-05T00:00:00-08:00</pubDate>
|
||||
<link>http://facebook.github.io/react/blog/2014/02/05/community-roundup-15.html</link>
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
@@ -79,6 +79,20 @@
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/thinking-in-react.html">
|
||||
Thinking in React
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-docs-section">
|
||||
<h3>Community Resources</h3>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/react/docs/videos.html">
|
||||
Videos
|
||||
|
||||
Reference in New Issue
Block a user