diff --git a/docs/getting-started.html b/docs/getting-started.html index b30f193a25..2a1e3b4d0d 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -433,7 +433,7 @@ 
$ npm install --save react react-dom babelify babel-preset-react
 $ browserify -t [ babelify --presets [ react ] ] main.js -o bundle.js
-

To install React DOM and build your bundle with webpack:

+

To install React DOM and build your bundle with webpack:

$ npm install --save react react-dom babel-preset-react
 $ webpack
@@ -442,7 +442,14 @@

If you are using ES2015, you will want to also use the babel-preset-es2015 package.

-

Quick Start Without npm #

+ +

Note: by default, React will be in development mode, which is slower, and not advised for production. To use React in production mode, set the environment variable NODE_ENV to production (using envify or webpack's DefinePlugin). For example:

+
new webpack.DefinePlugin({
+  "process.env": {
+    NODE_ENV: JSON.stringify("production")
+  }
+});
+

Quick Start Without npm #

If you're not ready to use npm yet, you can download the starter kit which includes prebuilt copies of React and React DOM.

diff --git a/docs/tags-and-attributes.html b/docs/tags-and-attributes.html index e54c64be9d..38caf80a3e 100644 --- a/docs/tags-and-attributes.html +++ b/docs/tags-and-attributes.html @@ -418,15 +418,15 @@ 
a abbr address area article aside audio b base bdi bdo big blockquote body br
 button canvas caption cite code col colgroup data datalist dd del details dfn
 dialog div dl dt em embed fieldset figcaption figure footer form h1 h2 h3 h4 h5
-h6 head header hr html i iframe img input ins kbd keygen label legend li link
-main map mark menu menuitem meta meter nav noscript object ol optgroup option
-output p param picture pre progress q rp rt ruby s samp script section select
-small source span strong style sub summary sup table tbody td textarea tfoot th
-thead time title tr track u ul var video wbr
+h6 head header hgroup hr html i iframe img input ins kbd keygen label legend li
+link main map mark menu menuitem meta meter nav noscript object ol optgroup
+option output p param picture pre progress q rp rt ruby s samp script section
+select small source span strong style sub summary sup table tbody td textarea
+tfoot th thead time title tr track u ul var video wbr

SVG elements #

The following SVG elements are supported:

-
circle clipPath defs ellipse g line linearGradient mask path pattern polygon polyline
-radialGradient rect stop svg text tspan
+
circle clipPath defs ellipse g image line linearGradient mask path pattern
+polygon polyline radialGradient rect stop svg text tspan
 

 
You may also be interested in react-art, a cross-browser drawing library for React.

 
Supported Attributes #

@@ -442,24 +442,29 @@ radialGradient rect stop svg text tspan
 
HTML Attributes #

 
These standard attributes are supported:

 
accept acceptCharset accessKey action allowFullScreen allowTransparency alt
-async autoComplete autoFocus autoPlay capture cellPadding cellSpacing charSet
-challenge checked classID className cols colSpan content contentEditable contextMenu
-controls coords crossOrigin data dateTime defer dir disabled download draggable
-encType form formAction formEncType formMethod formNoValidate formTarget frameBorder
-headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode
-keyParams keyType label lang list loop low manifest marginHeight marginWidth max
-maxLength media mediaGroup method min minLength multiple muted name noValidate open
-optimum pattern placeholder poster preload radioGroup readOnly rel required role
-rows rowSpan sandbox scope scoped scrolling seamless selected shape size sizes
-span spellCheck src srcDoc srcSet start step style summary tabIndex target title
-type useMap value width wmode wrap
+async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge
+charSet checked classID className colSpan cols content contentEditable
+contextMenu controls coords crossOrigin data dateTime default defer dir
+disabled download draggable encType form formAction formEncType formMethod
+formNoValidate formTarget frameBorder headers height hidden high href hrefLang
+htmlFor httpEquiv icon id inputMode integrity is keyParams keyType kind label
+lang list loop low manifest marginHeight marginWidth max maxLength media
+mediaGroup method min minLength multiple muted name noValidate nonce open
+optimum pattern placeholder poster preload radioGroup readOnly rel required
+reversed role rowSpan rows sandbox scope scoped scrolling seamless selected
+shape size sizes span spellCheck src srcDoc srcLang srcSet start step style
+summary tabIndex target title type useMap value width wmode wrap
+

+
These RDFa attributes are supported (several RDFa attributes overlap with standard HTML attributes and thus are excluded from this list):

+
about datatype inlist prefix property resource typeof vocab
 

 
In addition, the following non-standard attributes are supported:

 
 
    
 
  • autoCapitalize autoCorrect for Mobile Safari.
    • 
-
  • property for Open Graph meta tags.
    • 
+
  • color for <link rel="mask-icon" /> in Safari.
    • 
 
  • itemProp itemScope itemType itemRef itemID for HTML5 microdata.
    • 
+
  • security for older versions of Internet Explorer.
    • 
 
  • unselectable for Internet Explorer.
    • 
 
  • results autoSave for WebKit/Blink input fields of type search.
    • 
 

diff --git a/img/docs/should-component-update.png b/img/docs/should-component-update.png
index ac26827028..b9821c000e 100644
Binary files a/img/docs/should-component-update.png and b/img/docs/should-component-update.png differ
diff --git a/tips/use-react-with-other-libraries-ko-KR.html b/tips/use-react-with-other-libraries-ko-KR.html
index 59a88b5f19..895d959ee3 100644
--- a/tips/use-react-with-other-libraries-ko-KR.html
+++ b/tips/use-react-with-other-libraries-ko-KR.html
@@ -414,7 +414,7 @@
   },
 
   componentDidMount: function() {
-    $(ReactDOM.findDOMNode(this.refs.placeholder)).append($('<span />'));
+    $(this.refs.placeholder).append($('<span />'));
   },
 
   componentWillUnmount: function() {
diff --git a/tips/use-react-with-other-libraries.html b/tips/use-react-with-other-libraries.html
index b9a322fce6..39f43f9c90 100644
--- a/tips/use-react-with-other-libraries.html
+++ b/tips/use-react-with-other-libraries.html
@@ -414,7 +414,7 @@
   },
 
   componentDidMount: function() {
-    $(ReactDOM.findDOMNode(this.refs.placeholder)).append($('<span />'));
+    $(this.refs.placeholder).append($('<span />'));
   },
 
   componentWillUnmount: function() {