diff --git a/docs/refactor/09-reference.md b/docs/refactor/09-reference.md index 909fab4bc..07acfa7ab 100644 --- a/docs/refactor/09-reference.md +++ b/docs/refactor/09-reference.md @@ -153,4 +153,10 @@ React has implemented a browser-independent events and DOM system for performanc * All events (including submit) bubble correctly per the W3C spec * All event objects conform to the W3C spec * All DOM properties and attributes (including event handlers) should be camelCased to be consistent with standard JavaScript style. We intentionally break with the spec here, since the spec is inconsistent. -* `onChange` behaves as you would expect it to: whenever a form field is changed this event is fired rather than inconsistently on blur. We intentionally break from existing browser behavior because `onChange` is a misnomer for its behavior and React relies on this event to react to user input in real time. \ No newline at end of file +* `onChange` behaves as you would expect it to: whenever a form field is changed this event is fired rather than inconsistently on blur. We intentionally break from existing browser behavior because `onChange` is a misnomer for its behavior and React relies on this event to react to user input in real time. + +## Examples + +* React powers all of Instagram.com and many components on Facebook.com, including the commenting interface, ads creation flows, and page insights. +* We've included [a step-by-step tutorial](./09.1-tutorial.md) for creating a comment box widget with React +* [The React starter kit](/react/downloads.md) includes several examples which you can [view online in our GitHub repo](https://github.com/facebook/react/tree/master/examples/) \ No newline at end of file diff --git a/docs/tutorial.md b/docs/refactor/09.1-tutorial.md similarity index 97% rename from docs/tutorial.md rename to docs/refactor/09.1-tutorial.md index 021ff5057..2daf7279a 100644 --- a/docs/tutorial.md +++ b/docs/refactor/09.1-tutorial.md @@ -461,7 +461,7 @@ Let's make the form interactive. When the user submits the form, we should clear ```javascript{3-13,16,21} // tutorial16.js var CommentForm = React.createClass({ - handleSubmit: React.autoBind(function() { + handleSubmit: function() { var author = this.refs.author.getDOMNode().value.trim(); var text = this.refs.text.getDOMNode().value.trim(); if (!text || !author) { @@ -471,7 +471,7 @@ var CommentForm = React.createClass({ this.refs.author.getDOMNode().value = ''; this.refs.text.getDOMNode().value = ''; return false; - }), + }, render: function() { return (