diff --git a/blog/2013/06/02/jsfiddle-integration.html b/blog/2013/06/02/jsfiddle-integration.html index 126997cd1a..9ab2b34200 100644 --- a/blog/2013/06/02/jsfiddle-integration.html +++ b/blog/2013/06/02/jsfiddle-integration.html @@ -104,7 +104,6 @@
- diff --git a/blog/2013/06/05/why-react.html b/blog/2013/06/05/why-react.html index 9804745404..0022aa0c62 100644 --- a/blog/2013/06/05/why-react.html +++ b/blog/2013/06/05/why-react.html @@ -180,7 +180,6 @@ but if you are interested in the nuts and bolts - diff --git a/blog/2013/06/12/community-roundup.html b/blog/2013/06/12/community-roundup.html index 341acd71e0..2efd902dd2 100644 --- a/blog/2013/06/12/community-roundup.html +++ b/blog/2013/06/12/community-roundup.html @@ -141,7 +141,6 @@ - diff --git a/blog/2013/06/19/community-roundup-2.html b/blog/2013/06/19/community-roundup-2.html index 76239b2b67..38e5cbd54b 100644 --- a/blog/2013/06/19/community-roundup-2.html +++ b/blog/2013/06/19/community-roundup-2.html @@ -164,7 +164,6 @@ - diff --git a/blog/2013/06/21/react-v0-3-3.html b/blog/2013/06/21/react-v0-3-3.html index 13f4f78445..a33c239ac1 100644 --- a/blog/2013/06/21/react-v0-3-3.html +++ b/blog/2013/06/21/react-v0-3-3.html @@ -114,7 +114,6 @@ - diff --git a/blog/2013/06/27/community-roundup-3.html b/blog/2013/06/27/community-roundup-3.html index 604b5709bf..853b5b911e 100644 --- a/blog/2013/06/27/community-roundup-3.html +++ b/blog/2013/06/27/community-roundup-3.html @@ -173,7 +173,6 @@ - diff --git a/blog/2013/07/02/react-v0-4-autobind-by-default.html b/blog/2013/07/02/react-v0-4-autobind-by-default.html index cc6935ae48..2e9ff7560a 100644 --- a/blog/2013/07/02/react-v0-4-autobind-by-default.html +++ b/blog/2013/07/02/react-v0-4-autobind-by-default.html @@ -130,7 +130,6 @@ - diff --git a/blog/2013/07/03/community-roundup-4.html b/blog/2013/07/03/community-roundup-4.html index e0593eaff2..b582b3f2db 100644 --- a/blog/2013/07/03/community-roundup-4.html +++ b/blog/2013/07/03/community-roundup-4.html @@ -159,7 +159,6 @@ - diff --git a/blog/2013/07/11/react-v0-4-prop-validation-and-default-values.html b/blog/2013/07/11/react-v0-4-prop-validation-and-default-values.html index d6d45287c0..8bd81b9922 100644 --- a/blog/2013/07/11/react-v0-4-prop-validation-and-default-values.html +++ b/blog/2013/07/11/react-v0-4-prop-validation-and-default-values.html @@ -141,7 +141,6 @@ - diff --git a/blog/2013/07/17/react-v0-4-0.html b/blog/2013/07/17/react-v0-4-0.html index 16d2f54b62..126346bd03 100644 --- a/blog/2013/07/17/react-v0-4-0.html +++ b/blog/2013/07/17/react-v0-4-0.html @@ -131,7 +131,6 @@ If you were using React without JSX previously, your code should still work. - diff --git a/blog/2013/07/23/community-roundup-5.html b/blog/2013/07/23/community-roundup-5.html index 36fefacc14..8d675442ff 100644 --- a/blog/2013/07/23/community-roundup-5.html +++ b/blog/2013/07/23/community-roundup-5.html @@ -188,7 +188,6 @@ - diff --git a/blog/2013/07/26/react-v0-4-1.html b/blog/2013/07/26/react-v0-4-1.html index fd9c59468b..e9a8930835 100644 --- a/blog/2013/07/26/react-v0-4-1.html +++ b/blog/2013/07/26/react-v0-4-1.html @@ -115,7 +115,6 @@ - diff --git a/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails.html b/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails.html index e24bb3dc6d..8a86c6f306 100644 --- a/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails.html +++ b/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails.html @@ -126,7 +126,6 @@ - diff --git a/blog/2013/08/05/community-roundup-6.html b/blog/2013/08/05/community-roundup-6.html index abe98e1a7c..b4e7871ab1 100644 --- a/blog/2013/08/05/community-roundup-6.html +++ b/blog/2013/08/05/community-roundup-6.html @@ -163,7 +163,6 @@ - diff --git a/blog/2013/08/19/use-react-and-jsx-in-python-applications.html b/blog/2013/08/19/use-react-and-jsx-in-python-applications.html index fc71e8a752..32332feb10 100644 --- a/blog/2013/08/19/use-react-and-jsx-in-python-applications.html +++ b/blog/2013/08/19/use-react-and-jsx-in-python-applications.html @@ -132,7 +132,6 @@ - diff --git a/blog/2013/08/26/community-roundup-7.html b/blog/2013/08/26/community-roundup-7.html index e62d60918e..fd7556525b 100644 --- a/blog/2013/08/26/community-roundup-7.html +++ b/blog/2013/08/26/community-roundup-7.html @@ -172,7 +172,6 @@ - diff --git a/blog/2013/09/24/community-roundup-8.html b/blog/2013/09/24/community-roundup-8.html index 424d145d50..a263b2c3ea 100644 --- a/blog/2013/09/24/community-roundup-8.html +++ b/blog/2013/09/24/community-roundup-8.html @@ -152,7 +152,6 @@ - diff --git a/blog/2013/10/03/community-roundup-9.html b/blog/2013/10/03/community-roundup-9.html index 2febee83d9..f96ed6b3d3 100644 --- a/blog/2013/10/03/community-roundup-9.html +++ b/blog/2013/10/03/community-roundup-9.html @@ -176,7 +176,6 @@ - diff --git a/blog/2013/10/16/react-v0.5.0.html b/blog/2013/10/16/react-v0.5.0.html index f1a8b8f77a..704a0a6e01 100644 --- a/blog/2013/10/16/react-v0.5.0.html +++ b/blog/2013/10/16/react-v0.5.0.html @@ -140,7 +140,6 @@ - diff --git a/blog/2013/10/29/react-v0-5-1.html b/blog/2013/10/29/react-v0-5-1.html index e13b724a67..ee491bdc0e 100644 --- a/blog/2013/10/29/react-v0-5-1.html +++ b/blog/2013/10/29/react-v0-5-1.html @@ -111,7 +111,6 @@ - diff --git a/blog/2013/11/05/thinking-in-react.html b/blog/2013/11/05/thinking-in-react.html index 1504e1287d..43d7f8b671 100644 --- a/blog/2013/11/05/thinking-in-react.html +++ b/blog/2013/11/05/thinking-in-react.html @@ -237,7 +237,6 @@ - diff --git a/blog/2013/11/06/community-roundup-10.html b/blog/2013/11/06/community-roundup-10.html index 81e9f1e9e9..04dad53f1d 100644 --- a/blog/2013/11/06/community-roundup-10.html +++ b/blog/2013/11/06/community-roundup-10.html @@ -207,7 +207,6 @@ - diff --git a/blog/2013/11/18/community-roundup-11.html b/blog/2013/11/18/community-roundup-11.html index fb1d906a96..ce65b20d00 100644 --- a/blog/2013/11/18/community-roundup-11.html +++ b/blog/2013/11/18/community-roundup-11.html @@ -168,7 +168,6 @@ Is this some sort of template language? Specifically no. This might have been th - diff --git a/blog/2013/12/18/react-v0.5.2-v0.4.2.html b/blog/2013/12/18/react-v0.5.2-v0.4.2.html index cfd9ce13a0..b58384fef3 100644 --- a/blog/2013/12/18/react-v0.5.2-v0.4.2.html +++ b/blog/2013/12/18/react-v0.5.2-v0.4.2.html @@ -110,7 +110,6 @@ - diff --git a/blog/2013/12/19/react-v0.8.0.html b/blog/2013/12/19/react-v0.8.0.html index 10bdf24dbf..53eef16e0d 100644 --- a/blog/2013/12/19/react-v0.8.0.html +++ b/blog/2013/12/19/react-v0.8.0.html @@ -140,7 +140,6 @@ - diff --git a/blog/2013/12/23/community-roundup-12.html b/blog/2013/12/23/community-roundup-12.html index 6d8eb0a7df..08e7ba4a84 100644 --- a/blog/2013/12/23/community-roundup-12.html +++ b/blog/2013/12/23/community-roundup-12.html @@ -172,7 +172,6 @@ componentDidUpdate: function() { - diff --git a/blog/2013/12/30/community-roundup-13.html b/blog/2013/12/30/community-roundup-13.html index 8228955016..bf9b3622d7 100644 --- a/blog/2013/12/30/community-roundup-13.html +++ b/blog/2013/12/30/community-roundup-13.html @@ -187,7 +187,6 @@ - diff --git a/blog/2014/01/02/react-chrome-developer-tools.html b/blog/2014/01/02/react-chrome-developer-tools.html index eb831adaa3..3d2274295c 100644 --- a/blog/2014/01/02/react-chrome-developer-tools.html +++ b/blog/2014/01/02/react-chrome-developer-tools.html @@ -111,7 +111,6 @@ - diff --git a/blog/2014/01/06/community-roundup-14.html b/blog/2014/01/06/community-roundup-14.html index cc78911bd2..8a4a237f94 100644 --- a/blog/2014/01/06/community-roundup-14.html +++ b/blog/2014/01/06/community-roundup-14.html @@ -164,7 +164,6 @@ rails s - diff --git a/blog/2014/02/05/community-roundup-15.html b/blog/2014/02/05/community-roundup-15.html index 17f09b095c..edba0c4415 100644 --- a/blog/2014/02/05/community-roundup-15.html +++ b/blog/2014/02/05/community-roundup-15.html @@ -202,7 +202,6 @@ - diff --git a/blog/2014/02/15/community-roundup-16.html b/blog/2014/02/15/community-roundup-16.html index 7ed1a04c9e..3875d14824 100644 --- a/blog/2014/02/15/community-roundup-16.html +++ b/blog/2014/02/15/community-roundup-16.html @@ -157,7 +157,6 @@ - diff --git a/blog/2014/02/16/react-v0.9-rc1.html b/blog/2014/02/16/react-v0.9-rc1.html index c2db18750d..f795eceb26 100644 --- a/blog/2014/02/16/react-v0.9-rc1.html +++ b/blog/2014/02/16/react-v0.9-rc1.html @@ -216,7 +216,6 @@ Minified build for production: - diff --git a/blog/2014/02/20/react-v0.9.html b/blog/2014/02/20/react-v0.9.html index 6cab936597..cc75e8d67b 100644 --- a/blog/2014/02/20/react-v0.9.html +++ b/blog/2014/02/20/react-v0.9.html @@ -226,7 +226,6 @@ Minified build for production: - diff --git a/blog/2014/02/24/community-roundup-17.html b/blog/2014/02/24/community-roundup-17.html index 0c563ea19e..f55501ca94 100644 --- a/blog/2014/02/24/community-roundup-17.html +++ b/blog/2014/02/24/community-roundup-17.html @@ -144,7 +144,6 @@ - diff --git a/blog/2014/03/14/community-roundup-18.html b/blog/2014/03/14/community-roundup-18.html index ae63324aed..82dbb98fab 100644 --- a/blog/2014/03/14/community-roundup-18.html +++ b/blog/2014/03/14/community-roundup-18.html @@ -173,7 +173,6 @@ Thomas Boyt (@thomasaboyt) wrote < - diff --git a/blog/2014/03/19/react-v0.10-rc1.html b/blog/2014/03/19/react-v0.10-rc1.html index 8f6027edcd..383af05a76 100644 --- a/blog/2014/03/19/react-v0.10-rc1.html +++ b/blog/2014/03/19/react-v0.10-rc1.html @@ -164,7 +164,6 @@ Minified build for production: - diff --git a/blog/2014/03/21/react-v0.10.html b/blog/2014/03/21/react-v0.10.html index 6deefd7b9e..c35482324b 100644 --- a/blog/2014/03/21/react-v0.10.html +++ b/blog/2014/03/21/react-v0.10.html @@ -164,7 +164,6 @@ Minified build for production: - diff --git a/blog/2014/03/28/the-road-to-1.0.html b/blog/2014/03/28/the-road-to-1.0.html index fb21505944..2aaa7b9966 100644 --- a/blog/2014/03/28/the-road-to-1.0.html +++ b/blog/2014/03/28/the-road-to-1.0.html @@ -127,7 +127,6 @@ - diff --git a/blog/2014/04/04/reactnet.html b/blog/2014/04/04/reactnet.html index 623fd889e3..13096a16c6 100644 --- a/blog/2014/04/04/reactnet.html +++ b/blog/2014/04/04/reactnet.html @@ -129,7 +129,6 @@ report bugs on GitHub. - diff --git a/docs/addons.html b/docs/addons.html index 26f4a8e049..4bfc1b00db 100644 --- a/docs/addons.html +++ b/docs/addons.html @@ -414,8 +414,6 @@ Next → - - diff --git a/docs/animation.html b/docs/animation.html index 7abf150499..4ac054068d 100644 --- a/docs/animation.html +++ b/docs/animation.html @@ -484,8 +484,6 @@ Next → - - diff --git a/docs/class-name-manipulation.html b/docs/class-name-manipulation.html index 9edb4f6bdf..4a37ac5c6c 100644 --- a/docs/class-name-manipulation.html +++ b/docs/class-name-manipulation.html @@ -433,8 +433,6 @@ Next → - - diff --git a/docs/clone-with-props.html b/docs/clone-with-props.html index f34efd9413..689f27e05f 100644 --- a/docs/clone-with-props.html +++ b/docs/clone-with-props.html @@ -405,8 +405,6 @@ Next → - - diff --git a/docs/complementary-tools.html b/docs/complementary-tools.html index 9bbf9030cc..c954549a89 100644 --- a/docs/complementary-tools.html +++ b/docs/complementary-tools.html @@ -403,8 +403,6 @@ Next → - - diff --git a/docs/component-api.html b/docs/component-api.html index 32864457aa..7b3331c6f0 100644 --- a/docs/component-api.html +++ b/docs/component-api.html @@ -465,8 +465,6 @@ Next → - - diff --git a/docs/component-specs.html b/docs/component-specs.html index bb515322cc..41240a9093 100644 --- a/docs/component-specs.html +++ b/docs/component-specs.html @@ -522,8 +522,6 @@ transition to the new props and state will not require a component update. Next → - - diff --git a/docs/displaying-data.html b/docs/displaying-data.html index 885961b5c2..d7a018563f 100644 --- a/docs/displaying-data.html +++ b/docs/displaying-data.html @@ -468,8 +468,6 @@ Next → - - diff --git a/docs/dom-differences.html b/docs/dom-differences.html index a5ab431aef..fb4d4c1e29 100644 --- a/docs/dom-differences.html +++ b/docs/dom-differences.html @@ -411,8 +411,6 @@ Next → - - diff --git a/docs/events.html b/docs/events.html index 63c897d7f3..f92f6dac2a 100644 --- a/docs/events.html +++ b/docs/events.html @@ -505,8 +505,6 @@ rendering any component. Next → - - diff --git a/docs/examples.html b/docs/examples.html index 93aa462aee..81ad418035 100644 --- a/docs/examples.html +++ b/docs/examples.html @@ -421,8 +421,6 @@ - - diff --git a/docs/forms.html b/docs/forms.html index 7319726ed6..131b67f11b 100644 --- a/docs/forms.html +++ b/docs/forms.html @@ -495,8 +495,6 @@ Next → - - diff --git a/docs/getting-started.html b/docs/getting-started.html index 301087612d..50cf9f2569 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -483,8 +483,6 @@ Next → - - diff --git a/docs/interactivity-and-dynamic-uis.html b/docs/interactivity-and-dynamic-uis.html index 6a9be310ab..021850ae73 100644 --- a/docs/interactivity-and-dynamic-uis.html +++ b/docs/interactivity-and-dynamic-uis.html @@ -458,8 +458,6 @@ Next → - - diff --git a/docs/jsx-gotchas.html b/docs/jsx-gotchas.html index ec5e62d6bc..5f624f3c9f 100644 --- a/docs/jsx-gotchas.html +++ b/docs/jsx-gotchas.html @@ -435,8 +435,6 @@ Next → - - diff --git a/docs/jsx-in-depth.html b/docs/jsx-in-depth.html index 01823bcd50..9c5c0c2dab 100644 --- a/docs/jsx-in-depth.html +++ b/docs/jsx-in-depth.html @@ -512,8 +512,18 @@ pair of curly braces ({}) instead of quotes (""// Output (JS):
var content = Container(null, window.isLoggedIn ? Nav(null) : Login(null));
It's easy to add comments within your JSX; they're just JS expressions:
-var content = <Container>{/* this is a comment */}<Nav /></Container>;
+It's easy to add comments within your JSX; they're just JS expressions. You just need to be careful to put {} around the comments when you are within the children section of a tag.
+var content = (
+ <Nav>
+ {/* child comment, put {} around */}
+ <Person
+ /* multi
+ line
+ comment */
+ name={window.isLoggedIn ? window.name : ''} // end of line comment
+ />
+ </Nav>
+);
Prior Work #
JSX is similar to several other JavaScript embedded XML language
proposals/projects. Some of the features of JSX that distinguish it from similar
@@ -536,8 +546,6 @@ efforts include:
Next →
Example usage:
React.addons.TestUtils.Simulate.click(myComponent);
React.addons.TestUtils.Simulate.change(myComponent);
-React.addons.TestUtils.Simulate.keydown(myComponent, {key: "Enter"});
+React.addons.TestUtils.Simulate.keyDown(myComponent, {key: "Enter"});
Simulate has a method for every event that React understands.
ReactComponent renderIntoDocument(ReactComponent instance)
@@ -455,8 +455,6 @@
Next →
Now that you have your component hierarchy it's time to start implementing your app. The easiest way is to build a version that takes your data model and renders the UI but has no interactivity. It's easiest to decouple these processes because building a static version requires a lot of typing and no thinking, and adding interactivity requires a lot of thinking and not a lot of typing. We'll see why.
@@ -492,7 +492,7 @@OK, so we've identified what the minimal set of app state is. Next we need to identify which component mutates, or owns, this state.
@@ -519,7 +519,7 @@You can start seeing how your application will behave: set filterText to "ball" and refresh your app. You'll see the data table is updated correctly.
So far we've built an app that renders correctly as a function of props and state flowing down the hierarchy. Now it's time to support data flowing the other way: the form components deep in the hierarchy need to update the state in FilterableProductTable.
If you have npm, you can simply run npm install -g react-tools to install our command-line jsx 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: jsx --watch src/ build/. Run jsx --help for more information on how to use this tool.
The open-source community has built tools that integrate JSX with several build systems. See JSX integrations for the full list.
-*.tmLanguage.React Developer Tools is a Chrome extension that allows you to inspect the React component hierarchy in the Chrome Developer Tools.
+The open-source community has built tools that integrate JSX with several editors and build systems. See JSX integrations for the full list.
*.tmLanguage.
Next →
"At Facebook and Instagram, we’re trying to push the limits of what’s possible on the web with React. My talk will start with a brief introduction to the framework, and then dive into three controversial topics: Throwing out the notion of templates and building views with JavaScript, “re-rendering” your entire application when your data changes, and a lightweight implementation of the DOM and events." -- Pete Hunt
+A tagtree.tv video conveying the principles of Thinking in React while building a simple app
+
"In this talk I’ll be discussing why we built a virtual DOM, how it compares to other systems, and its relevance to the future of browser technologies." -- Pete Hunt
Pete Hunt talked with Jeff Barczewski about React in CodeWinds Episode 4.

In Russian by Alexander Solovyov
GroceryList component has a list of items generated throug
Next →
-
-
diff --git a/tips/componentWillReceiveProps-not-triggered-after-mounting.html b/tips/componentWillReceiveProps-not-triggered-after-mounting.html
index 4f969500d5..14ed1aabd4 100644
--- a/tips/componentWillReceiveProps-not-triggered-after-mounting.html
+++ b/tips/componentWillReceiveProps-not-triggered-after-mounting.html
@@ -405,8 +405,6 @@
Next →
-
-
diff --git a/tips/controlled-input-null-value.html b/tips/controlled-input-null-value.html
index 3296f325e0..2f9d868a8e 100644
--- a/tips/controlled-input-null-value.html
+++ b/tips/controlled-input-null-value.html
@@ -403,7 +403,7 @@
setTimeout(function() {
React.renderComponent(<input value={null} />, mountNode);
-}, 2000);
+}, 1000);