diff --git a/community/conferences.html b/community/conferences.html index 099cbecd74..5e027b4e78 100644 --- a/community/conferences.html +++ b/community/conferences.html @@ -80,7 +80,27 @@
-

React.js Conf 2015 #

+

Upcoming Conferences #

Agent Conference 2017 #

+

January 20-21 in Dornbirn, Austria

+ +

Website

+

ReactEurope 2017 #

+

May 18th & 19th in Paris, France

+ +

Website - Schedule

+

React Amsterdam 2017 #

+

April 21st in Amsterdam, The Netherlands

+ +

Website - Twitter

+

Chain React 2017 #

+

Summer 2017, Portland, Oregon USA

+ +

Website - Twitter

+

React Native EU 2017 #

+

Fall 2017, Poland

+ +

Website

+

Past Conferences #

React.js Conf 2015 #

January 28 & 29 in Facebook HQ, CA

Website - Schedule - Videos

@@ -101,11 +121,11 @@

React Amsterdam 2016 #

April 16 in Amsterdam, The Netherlands

-

Website - Videos

+

Website - Videos

ReactEurope 2016 #

June 2 & 3 in Paris, France

-

Website - Schedule

+

Website - Schedule - Videos

ReactRally 2016 #

August 25-26 in Salt Lake City, UT

@@ -113,15 +133,19 @@

ReactNext 2016 #

September 15 in Tel Aviv, Israel

-

Website - Schedule

+

Website - Schedule - Videos

ReactNL 2016 #

-

October 13 in Amsterdam, The Netherlands

+

October 13 in Amsterdam, The Netherlands - Schedule

Website

Reactive 2016 #

October 26-28 in Bratislava, Slovakia

Website

+

React Remote Conf 2016 #

+

October 26-28 online

+ +

Website - Schedule

diff --git a/community/support.html b/community/support.html index 5e0779221c..5981b826c9 100644 --- a/community/support.html +++ b/community/support.html @@ -90,7 +90,7 @@

Reactiflux Chat #

If you need an answer right away, check out the Reactiflux Discord community. There are usually a number of React experts there who can help out or point you to somewhere you might want to look.

Facebook and Twitter #

-

For the latest news about React, like us on Facebook and follow @reactjs on Twitter. In addition, you can use the #reactjs hashtag to see what others are saying or add to the conversation.

+

For the latest news about React, like us on Facebook and follow @reactjs on Twitter. In addition, you can use the #reactjs hashtag to see what others are saying or add to the conversation.

diff --git a/contributing/codebase-overview.html b/contributing/codebase-overview.html index d4085315fd..de3c2f06b5 100644 --- a/contributing/codebase-overview.html +++ b/contributing/codebase-overview.html @@ -395,7 +395,7 @@ You can run npm run flow locally to check your code with Flow.

Its source code is located in src/renderers/shared/fiber.

Event System #

-

React implements a synthetic event system which is agnostic of the renderers and works both with React DOM and React Native. Its source code is located in src/renderers/shared/stack/event.

+

React implements a synthetic event system which is agnostic of the renderers and works both with React DOM and React Native. Its source code is located in src/renderers/shared/shared/event.

There is a video with a deep code dive into it (66 mins).

Add-ons #

diff --git a/docs/animation-ja-JP.html b/docs/animation-ja-JP.html new file mode 100644 index 0000000000..4cb6742c84 --- /dev/null +++ b/docs/animation-ja-JP.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/animation-ko-KR.html b/docs/animation-ko-KR.html new file mode 100644 index 0000000000..4cb6742c84 --- /dev/null +++ b/docs/animation-ko-KR.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/animation-zh-CN.html b/docs/animation-zh-CN.html new file mode 100644 index 0000000000..4cb6742c84 --- /dev/null +++ b/docs/animation-zh-CN.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/animation.html b/docs/animation.html index eb95041296..761949e3c6 100644 --- a/docs/animation.html +++ b/docs/animation.html @@ -162,8 +162,10 @@ <ReactCSSTransitionGroup transitionName="example" transitionAppear={true} - transitionAppearTimeout={500}> - <h1>Fading at Initial Mount</h1> + transitionAppearTimeout={500} + transitionEnter={false} + transitionLeave={false}> + <h1>Fading at Initial Mount</h1> </ReactCSSTransitionGroup> ); } @@ -184,6 +186,8 @@

Note:

The prop transitionAppear was added to ReactCSSTransitionGroup in version 0.13. To maintain backwards compatibility, the default value is set to false.

+ +

However, the default values of transitionEnter and transitionLeave are true so you must specify transitionEnterTimeout and transitionLeaveTimeout by default. If you don't need either enter or leave animations, pass transitionEnter={false} or transitionLeave={false}.

Custom Classes #

It is also possible to use custom class names for each of the steps in your transitions. Instead of passing a string into transitionName you can pass an object containing either the enter and leave class names, or an object containing the enter, enter-active, leave-active, and leave class names. If only the enter and leave classes are provided, the enter-active and leave-active classes will be determined by appending '-active' to the end of the class name. Here are two examples using custom classes:

diff --git a/docs/class-name-manipulation.html b/docs/class-name-manipulation.html new file mode 100644 index 0000000000..c4d43967e5 --- /dev/null +++ b/docs/class-name-manipulation.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/component-specs-ko-KR.html b/docs/component-specs-ko-KR.html new file mode 100644 index 0000000000..f0e1729980 --- /dev/null +++ b/docs/component-specs-ko-KR.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/component-specs-zh-CN.html b/docs/component-specs-zh-CN.html new file mode 100644 index 0000000000..f0e1729980 --- /dev/null +++ b/docs/component-specs-zh-CN.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/events-ko-KR.html b/docs/events-ko-KR.html new file mode 100644 index 0000000000..e0c811f806 --- /dev/null +++ b/docs/events-ko-KR.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/flux-overview.html b/docs/flux-overview.html new file mode 100644 index 0000000000..74e6a0bf96 --- /dev/null +++ b/docs/flux-overview.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/flux-todo-list.html b/docs/flux-todo-list.html new file mode 100644 index 0000000000..74e6a0bf96 --- /dev/null +++ b/docs/flux-todo-list.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/forms-zh-CN.html b/docs/forms-zh-CN.html new file mode 100644 index 0000000000..61cf51283c --- /dev/null +++ b/docs/forms-zh-CN.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/forms.html b/docs/forms.html index 5373f2166b..62b0ce512d 100644 --- a/docs/forms.html +++ b/docs/forms.html @@ -441,7 +441,7 @@ For instance, if you want to imperatively submit a form, one approach would be t type="radio" name="choice" value="C" - onChange={this.handleChange} /> + onChange={this.handleChange} /> Option C </label> <br /> @@ -496,7 +496,7 @@ For instance, if you want to imperatively submit a form, one approach would be t <input type="checkbox" value="A" - onChange={this.handleChange} /> + onChange={this.handleChange} /> Option A </label> <br /> @@ -505,7 +505,7 @@ For instance, if you want to imperatively submit a form, one approach would be t type="checkbox" value="B" onChange={this.handleChange} - defaultChecked={true} /> + defaultChecked={true} /> Option B </label> <br /> @@ -513,7 +513,7 @@ For instance, if you want to imperatively submit a form, one approach would be t <input type="checkbox" value="C" - onChange={this.handleChange} /> + onChange={this.handleChange} /> Option C </label> <br /> diff --git a/docs/getting-started-ko-KR.html b/docs/getting-started-ko-KR.html new file mode 100644 index 0000000000..c7889a8d79 --- /dev/null +++ b/docs/getting-started-ko-KR.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/getting-started-zh-CN.html b/docs/getting-started-zh-CN.html new file mode 100644 index 0000000000..c7889a8d79 --- /dev/null +++ b/docs/getting-started-zh-CN.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/jsx-in-depth-ko-KR.html b/docs/jsx-in-depth-ko-KR.html new file mode 100644 index 0000000000..3304ed2001 --- /dev/null +++ b/docs/jsx-in-depth-ko-KR.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/jsx-in-depth-zh-CN.html b/docs/jsx-in-depth-zh-CN.html new file mode 100644 index 0000000000..3304ed2001 --- /dev/null +++ b/docs/jsx-in-depth-zh-CN.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/more-about-refs-ko-KR.html b/docs/more-about-refs-ko-KR.html new file mode 100644 index 0000000000..4f4ae42e30 --- /dev/null +++ b/docs/more-about-refs-ko-KR.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/more-about-refs-zh-CN.html b/docs/more-about-refs-zh-CN.html new file mode 100644 index 0000000000..4f4ae42e30 --- /dev/null +++ b/docs/more-about-refs-zh-CN.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/react-component.html b/docs/react-component.html index 8d76ef71f3..924a7f6738 100644 --- a/docs/react-component.html +++ b/docs/react-component.html @@ -304,7 +304,7 @@ } CustomButton.propTypes = { - name: React.PropTypes.string + color: React.PropTypes.string };

We recommend using Flow when possible, to get compile-time typechecking instead of runtime typechecking. Flow has built-in support for React so it's easy to run static analysis on a React app.

@@ -317,7 +317,7 @@

state #

The state contains data specific to this component that may change over time. The state is user-defined, and it should be a plain JavaScript object.

-

If you don't use it in `render(), it shouldn't be on the state. For example, you can put timer IDs directly on the instance.

+

If you don't use it in render(), it shouldn't be on the state. For example, you can put timer IDs directly on the instance.

See State and Lifecycle for more information about the state.

diff --git a/docs/reusable-components-zh-CN.html b/docs/reusable-components-zh-CN.html new file mode 100644 index 0000000000..a51d40d59d --- /dev/null +++ b/docs/reusable-components-zh-CN.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/state-and-lifecycle.html b/docs/state-and-lifecycle.html index 3ef097fbdb..dde03cf600 100644 --- a/docs/state-and-lifecycle.html +++ b/docs/state-and-lifecycle.html @@ -78,7 +78,7 @@
-

Consider the ticking clock example from the one of the previous sections.

+

Consider the ticking clock example from one of the previous sections.

So far we have only learned one way to update the UI.

diff --git a/docs/thinking-in-react-zh-CN.html b/docs/thinking-in-react-zh-CN.html new file mode 100644 index 0000000000..120d8122c2 --- /dev/null +++ b/docs/thinking-in-react-zh-CN.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/top-level-api-ja-JP.html b/docs/top-level-api-ja-JP.html new file mode 100644 index 0000000000..3535c23f10 --- /dev/null +++ b/docs/top-level-api-ja-JP.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/top-level-api-ko-KR.html b/docs/top-level-api-ko-KR.html new file mode 100644 index 0000000000..3535c23f10 --- /dev/null +++ b/docs/top-level-api-ko-KR.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/top-level-api-zh-CN.html b/docs/top-level-api-zh-CN.html new file mode 100644 index 0000000000..3535c23f10 --- /dev/null +++ b/docs/top-level-api-zh-CN.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/transferring-props-it-IT.html b/docs/transferring-props-it-IT.html new file mode 100644 index 0000000000..a51d40d59d --- /dev/null +++ b/docs/transferring-props-it-IT.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/transferring-props-ja-JP.html b/docs/transferring-props-ja-JP.html new file mode 100644 index 0000000000..a51d40d59d --- /dev/null +++ b/docs/transferring-props-ja-JP.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/transferring-props-ko-KR.html b/docs/transferring-props-ko-KR.html new file mode 100644 index 0000000000..a51d40d59d --- /dev/null +++ b/docs/transferring-props-ko-KR.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/transferring-props-zh-CN.html b/docs/transferring-props-zh-CN.html new file mode 100644 index 0000000000..a51d40d59d --- /dev/null +++ b/docs/transferring-props-zh-CN.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/tutorial-ja-JP.html b/docs/tutorial-ja-JP.html new file mode 100644 index 0000000000..792e552a0e --- /dev/null +++ b/docs/tutorial-ja-JP.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/tutorial-ko-KR.html b/docs/tutorial-ko-KR.html new file mode 100644 index 0000000000..792e552a0e --- /dev/null +++ b/docs/tutorial-ko-KR.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/docs/tutorial-zh-CN.html b/docs/tutorial-zh-CN.html new file mode 100644 index 0000000000..792e552a0e --- /dev/null +++ b/docs/tutorial-zh-CN.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/download.html b/download.html new file mode 100644 index 0000000000..c6adb0fde8 --- /dev/null +++ b/download.html @@ -0,0 +1,10 @@ + + + +Redirecting… + + +

Redirecting…

+Click here if you are not redirected. + + diff --git a/img/tutorial/devtools.png b/img/tutorial/devtools.png index 7dcf3c6a9d..c0482c093a 100644 Binary files a/img/tutorial/devtools.png and b/img/tutorial/devtools.png differ diff --git a/tutorial/tutorial.html b/tutorial/tutorial.html index 07821ea20c..4be22cebf9 100644 --- a/tutorial/tutorial.html +++ b/tutorial/tutorial.html @@ -325,7 +325,7 @@

Square no longer keeps its own state; it receives its value from its parent Board and informs its parent when it's clicked. We call components like this controlled components.

Why Immutability Is Important #

-

In the previous code example, I suggest using the .slice() operator to copy the squares array prior to making changes and to prevent mutating the existing array. Let's talk about what this means and why it an important concept to learn.

+

In the previous code example, I suggest using the .slice() operator to copy the squares array prior to making changes and to prevent mutating the existing array. Let's talk about what this means and why it is an important concept to learn.

There are generally two ways for changing data. The first, and most common method in past, has been to mutate the data by directly changing the values of a variable. The second method is to replace the data with a new copy of the object that also includes desired changes.

Data change with mutation #

var player = {score:  1}
diff --git a/warnings/unknown-prop.html b/warnings/unknown-prop.html
index da87c133f1..52f7d1c822 100644
--- a/warnings/unknown-prop.html
+++ b/warnings/unknown-prop.html
@@ -82,6 +82,7 @@
 
  • Are you using {...this.props} or cloneElement(element, this.props)? Your component is transferring its own props directly to a child element (eg. https://facebook.github.io/react/docs/transferring-props.html). When transferring props to a child component, you should ensure that you are not accidentally forwarding props that were intended to be interpreted by the parent component.

  • You are using a non-standard DOM attribute on a native DOM node, perhaps to represent custom data. If you are trying to attach custom data to a standard DOM element, consider using a custom data attribute as described on MDN.

  • React does not yet recognize the attribute you specified. This will likely be fixed in a future version of React. However, React currently strips all unknown attributes, so specifying them in your React app will not cause them to be rendered.

  • +
  • You are using a React component without an upper case. React interprets it as a DOM tag because React JSX transform uses the upper vs. lower case convention to distinguish between user-defined components and DOM tags.