From a92c60c8cc2d895f7c138759013f6d13fa41287b Mon Sep 17 00:00:00 2001 From: Travis CI Date: Thu, 14 Apr 2016 22:59:44 +0000 Subject: [PATCH] Rebuild website --- docs/addons-it-IT.html | 16 + docs/addons-ja-JP.html | 16 + docs/addons-ko-KR.html | 16 + docs/addons-zh-CN.html | 16 + docs/addons.html | 18 +- docs/advanced-performance-it-IT.html | 16 + docs/advanced-performance-ja-JP.html | 16 + docs/advanced-performance-ko-KR.html | 16 + docs/advanced-performance.html | 16 + docs/animation-it-IT.html | 16 + docs/animation-ja-JP.html | 16 + docs/animation-ko-KR.html | 16 + docs/animation-zh-CN.html | 16 + docs/animation.html | 16 + docs/class-name-manipulation-it-IT.html | 16 + docs/class-name-manipulation-ja-JP.html | 16 + docs/class-name-manipulation-ko-KR.html | 16 + docs/class-name-manipulation-zh-CN.html | 16 + docs/class-name-manipulation.html | 16 + docs/clone-with-props-it-IT.html | 16 + docs/clone-with-props-ja-JP.html | 16 + docs/clone-with-props-ko-KR.html | 16 + docs/clone-with-props-zh-CN.html | 16 + docs/clone-with-props.html | 16 + docs/component-api-it-IT.html | 16 + docs/component-api-ko-KR.html | 16 + docs/component-api-zh-CN.html | 16 + docs/component-api.html | 16 + docs/component-specs-it-IT.html | 16 + docs/component-specs-ko-KR.html | 16 + docs/component-specs-zh-CN.html | 16 + docs/component-specs.html | 16 + docs/conferences-it-IT.html | 16 + docs/conferences-ko-KR.html | 16 + docs/conferences-zh-CN.html | 16 + docs/conferences.html | 16 + docs/context-ko-KR.html | 16 + docs/context-zh-CN.html | 16 + docs/context.html | 16 + docs/create-fragment-it-IT.html | 16 + docs/create-fragment-ja-JP.html | 16 + docs/create-fragment-ko-KR.html | 16 + docs/create-fragment-zh-CN.html | 16 + docs/create-fragment.html | 16 + docs/displaying-data-it-IT.html | 16 + docs/displaying-data-ja-JP.html | 16 + docs/displaying-data-ko-KR.html | 16 + docs/displaying-data-zh-CN.html | 16 + docs/displaying-data.html | 16 + docs/dom-differences-it-IT.html | 16 + docs/dom-differences-ko-KR.html | 16 + docs/dom-differences-zh-CN.html | 16 + docs/dom-differences.html | 16 + docs/environments.html | 549 +++++++++++++++++ docs/events-it-IT.html | 16 + docs/events-ko-KR.html | 16 + docs/events-zh-CN.html | 16 + docs/events.html | 16 + docs/flux-overview-it-IT.html | 16 + docs/flux-overview-ko-KR.html | 16 + docs/flux-overview-zh-CN.html | 16 + docs/flux-overview.html | 16 + docs/flux-todo-list-it-IT.html | 16 + docs/flux-todo-list-ko-KR.html | 16 + docs/flux-todo-list-zh-CN.html | 16 + docs/flux-todo-list.html | 16 + docs/forms-it-IT.html | 16 + docs/forms-ja-JP.html | 16 + docs/forms-ko-KR.html | 16 + docs/forms-zh-CN.html | 16 + docs/forms.html | 16 + docs/getting-started-it-IT.html | 16 + docs/getting-started-ja-JP.html | 16 + docs/getting-started-ko-KR.html | 16 + docs/getting-started-zh-CN.html | 16 + docs/getting-started.html | 92 +-- docs/glossary-it-IT.html | 16 + docs/glossary-ko-KR.html | 16 + docs/glossary-zh-CN.html | 16 + docs/glossary.html | 16 + docs/interactivity-and-dynamic-uis-it-IT.html | 16 + docs/interactivity-and-dynamic-uis-ja-JP.html | 16 + docs/interactivity-and-dynamic-uis-ko-KR.html | 16 + docs/interactivity-and-dynamic-uis-zh-CN.html | 16 + docs/interactivity-and-dynamic-uis.html | 16 + docs/jsx-gotchas-it-IT.html | 16 + docs/jsx-gotchas-ja-JP.html | 16 + docs/jsx-gotchas-ko-KR.html | 16 + docs/jsx-gotchas-zh-CN.html | 16 + docs/jsx-gotchas.html | 16 + docs/jsx-in-depth-it-IT.html | 16 + docs/jsx-in-depth-ja-JP.html | 16 + docs/jsx-in-depth-ko-KR.html | 16 + docs/jsx-in-depth-zh-CN.html | 16 + docs/jsx-in-depth.html | 16 + docs/jsx-spread-it-IT.html | 16 + docs/jsx-spread-ja-JP.html | 16 + docs/jsx-spread-ko-KR.html | 16 + docs/jsx-spread-zh-CN.html | 16 + docs/jsx-spread.html | 16 + docs/language-tooling.html | 540 ++++++++++++++++ docs/more-about-refs-it-IT.html | 16 + docs/more-about-refs-ja-JP.html | 16 + docs/more-about-refs-ko-KR.html | 16 + docs/more-about-refs-zh-CN.html | 16 + docs/more-about-refs.html | 16 + docs/multiple-components-it-IT.html | 16 + docs/multiple-components-ja-JP.html | 16 + docs/multiple-components-ko-KR.html | 16 + docs/multiple-components-zh-CN.html | 16 + docs/multiple-components.html | 16 + docs/package-management.html | 574 ++++++++++++++++++ docs/perf-it-IT.html | 16 + docs/perf-ja-JP.html | 16 + docs/perf-ko-KR.html | 16 + docs/perf-zh-CN.html | 16 + docs/perf.html | 16 + docs/pure-render-mixin-it-IT.html | 16 + docs/pure-render-mixin-ja-JP.html | 16 + docs/pure-render-mixin-ko-KR.html | 16 + docs/pure-render-mixin-zh-CN.html | 16 + docs/pure-render-mixin.html | 16 + docs/reconciliation-it-IT.html | 16 + docs/reconciliation-ko-KR.html | 16 + docs/reconciliation.html | 16 + docs/reusable-components-it-IT.html | 16 + docs/reusable-components-ja-JP.html | 16 + docs/reusable-components-ko-KR.html | 16 + docs/reusable-components-zh-CN.html | 16 + docs/reusable-components.html | 16 + docs/shallow-compare-zh-CN.html | 16 + docs/shallow-compare.html | 16 + docs/special-non-dom-attributes-it-IT.html | 16 + docs/special-non-dom-attributes-ko-KR.html | 16 + docs/special-non-dom-attributes-zh-CN.html | 16 + docs/special-non-dom-attributes.html | 16 + docs/tags-and-attributes-it-IT.html | 16 + docs/tags-and-attributes-ko-KR.html | 16 + docs/tags-and-attributes-zh-CN.html | 16 + docs/tags-and-attributes.html | 16 + docs/test-utils-it-IT.html | 16 + docs/test-utils-ja-JP.html | 16 + docs/test-utils-ko-KR.html | 16 + docs/test-utils-zh-CN.html | 16 + docs/test-utils.html | 16 + docs/thinking-in-react-ko-KR.html | 16 + docs/thinking-in-react.html | 16 + docs/thinking-in-react.it-IT.html | 16 + docs/thinking-in-react.ja-JP.html | 16 + docs/thinking-in-react.zh-CN.html | 16 + docs/tooling-integration-it-IT.html | 16 + docs/tooling-integration-ja-JP.html | 16 + docs/tooling-integration-ko-KR.html | 16 + docs/tooling-integration-zh-CN.html | 16 + docs/tooling-integration.html | 77 +-- docs/top-level-api-it-IT.html | 16 + docs/top-level-api-ja-JP.html | 16 + docs/top-level-api-ko-KR.html | 16 + docs/top-level-api-zh-CN.html | 16 + docs/top-level-api.html | 16 + docs/transferring-props-it-IT.html | 16 + docs/transferring-props-ja-JP.html | 16 + docs/transferring-props-ko-KR.html | 16 + docs/transferring-props-zh-CN.html | 16 + docs/transferring-props.html | 16 + docs/tutorial-ja-JP.html | 16 + docs/tutorial-ko-KR.html | 16 + docs/tutorial.html | 16 + docs/tutorial.it-IT.html | 16 + docs/tutorial.zh-CN.html | 16 + docs/two-way-binding-helpers-it-IT.html | 16 + docs/two-way-binding-helpers-ja-JP.html | 16 + docs/two-way-binding-helpers-ko-KR.html | 16 + docs/two-way-binding-helpers-zh-CN.html | 16 + docs/two-way-binding-helpers.html | 16 + docs/update-it-IT.html | 16 + docs/update-ja-JP.html | 16 + docs/update-ko-KR.html | 16 + docs/update-zh-CN.html | 16 + docs/update.html | 16 + docs/videos-it-IT.html | 16 + docs/videos-ko-KR.html | 16 + docs/videos-zh-CN.html | 16 + docs/videos.html | 16 + docs/webcomponents.html | 16 + docs/why-react-de-DE.html | 16 + docs/why-react-it-IT.html | 16 + docs/why-react-ja-JP.html | 16 + docs/why-react-ko-KR.html | 16 + docs/why-react-zh-CN.html | 16 + docs/why-react.html | 16 + docs/working-with-the-browser-it-IT.html | 16 + docs/working-with-the-browser-ja-JP.html | 16 + docs/working-with-the-browser-ko-KR.html | 16 + docs/working-with-the-browser-zh-CN.html | 16 + docs/working-with-the-browser.html | 16 + tips/children-props-type-ko-KR.html | 16 + tips/children-props-type.html | 16 + tips/children-undefined-ko-KR.html | 16 + tips/children-undefined.html | 16 + .../communicate-between-components-ko-KR.html | 16 + tips/communicate-between-components.html | 16 + ...ps-not-triggered-after-mounting-ko-KR.html | 16 + ...iveProps-not-triggered-after-mounting.html | 16 + tips/controlled-input-null-value-ko-KR.html | 16 + tips/controlled-input-null-value.html | 16 + tips/dangerously-set-inner-html-ko-KR.html | 16 + tips/dangerously-set-inner-html.html | 16 + tips/dom-event-listeners-ko-KR.html | 16 + tips/dom-event-listeners.html | 16 + tips/expose-component-functions-ko-KR.html | 16 + tips/expose-component-functions.html | 16 + tips/false-in-jsx-ko-KR.html | 16 + tips/false-in-jsx.html | 16 + tips/if-else-in-JSX-ko-KR.html | 16 + tips/if-else-in-JSX.html | 16 + tips/initial-ajax-ko-KR.html | 16 + tips/initial-ajax.html | 16 + tips/inline-styles-ko-KR.html | 16 + tips/inline-styles.html | 16 + tips/introduction-ja-JP.html | 16 + tips/introduction-ko-KR.html | 16 + tips/introduction.html | 16 + ...aximum-number-of-jsx-root-nodes-ko-KR.html | 16 + tips/maximum-number-of-jsx-root-nodes.html | 16 + ...getInitialState-as-anti-pattern-ko-KR.html | 16 + ...ps-in-getInitialState-as-anti-pattern.html | 16 + tips/references-to-components-ko-KR.html | 16 + tips/references-to-components.html | 16 + tips/self-closing-tag-ja-JP.html | 16 + tips/self-closing-tag-ko-KR.html | 16 + tips/self-closing-tag.html | 16 + tips/style-props-value-px-ko-KR.html | 16 + tips/style-props-value-px.html | 16 + .../use-react-with-other-libraries-ko-KR.html | 16 + tips/use-react-with-other-libraries.html | 16 + 236 files changed, 5404 insertions(+), 126 deletions(-) create mode 100644 docs/environments.html create mode 100644 docs/language-tooling.html create mode 100644 docs/package-management.html diff --git a/docs/addons-it-IT.html b/docs/addons-it-IT.html index 68380a8b98..44e850961d 100644 --- a/docs/addons-it-IT.html +++ b/docs/addons-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/addons-ja-JP.html b/docs/addons-ja-JP.html index b077dd06a0..1e60249783 100644 --- a/docs/addons-ja-JP.html +++ b/docs/addons-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/addons-ko-KR.html b/docs/addons-ko-KR.html index bb097dd8db..f46551c9be 100644 --- a/docs/addons-ko-KR.html +++ b/docs/addons-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/addons-zh-CN.html b/docs/addons-zh-CN.html index 0968355a00..444f817679 100644 --- a/docs/addons-zh-CN.html +++ b/docs/addons-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/addons.html b/docs/addons.html index 916d16319d..1c8d2ae8c0 100644 --- a/docs/addons.html +++ b/docs/addons.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • @@ -440,7 +456,7 @@
    - ← Prev + ← Prev Next → diff --git a/docs/advanced-performance-it-IT.html b/docs/advanced-performance-it-IT.html index 04c83b348a..ef594bc670 100644 --- a/docs/advanced-performance-it-IT.html +++ b/docs/advanced-performance-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/advanced-performance-ja-JP.html b/docs/advanced-performance-ja-JP.html index db949a2169..36e549a52b 100644 --- a/docs/advanced-performance-ja-JP.html +++ b/docs/advanced-performance-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/advanced-performance-ko-KR.html b/docs/advanced-performance-ko-KR.html index b2bbe0fcaf..e7fb21e81d 100644 --- a/docs/advanced-performance-ko-KR.html +++ b/docs/advanced-performance-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/advanced-performance.html b/docs/advanced-performance.html index 0d5462f884..00f0a5941d 100644 --- a/docs/advanced-performance.html +++ b/docs/advanced-performance.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/animation-it-IT.html b/docs/animation-it-IT.html index 53d6ac75ec..ffa02b842a 100644 --- a/docs/animation-it-IT.html +++ b/docs/animation-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/animation-ja-JP.html b/docs/animation-ja-JP.html index fa4e6a5be8..837724daa0 100644 --- a/docs/animation-ja-JP.html +++ b/docs/animation-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/animation-ko-KR.html b/docs/animation-ko-KR.html index af9ea7d2db..1fb8cdca90 100644 --- a/docs/animation-ko-KR.html +++ b/docs/animation-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/animation-zh-CN.html b/docs/animation-zh-CN.html index 2d131bfb09..2043de6e30 100644 --- a/docs/animation-zh-CN.html +++ b/docs/animation-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/animation.html b/docs/animation.html index 888be94697..29339df789 100644 --- a/docs/animation.html +++ b/docs/animation.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/class-name-manipulation-it-IT.html b/docs/class-name-manipulation-it-IT.html index 0834d78d64..5c3906fbee 100644 --- a/docs/class-name-manipulation-it-IT.html +++ b/docs/class-name-manipulation-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/class-name-manipulation-ja-JP.html b/docs/class-name-manipulation-ja-JP.html index 03c09d44e5..5a7298262e 100644 --- a/docs/class-name-manipulation-ja-JP.html +++ b/docs/class-name-manipulation-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/class-name-manipulation-ko-KR.html b/docs/class-name-manipulation-ko-KR.html index 26f310eee6..b09bb471ab 100644 --- a/docs/class-name-manipulation-ko-KR.html +++ b/docs/class-name-manipulation-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/class-name-manipulation-zh-CN.html b/docs/class-name-manipulation-zh-CN.html index 52dbed8a16..8985e0e2ea 100644 --- a/docs/class-name-manipulation-zh-CN.html +++ b/docs/class-name-manipulation-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/class-name-manipulation.html b/docs/class-name-manipulation.html index ece8eb9d8d..5d535197d5 100644 --- a/docs/class-name-manipulation.html +++ b/docs/class-name-manipulation.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/clone-with-props-it-IT.html b/docs/clone-with-props-it-IT.html index 0f1f815d39..6a41835081 100644 --- a/docs/clone-with-props-it-IT.html +++ b/docs/clone-with-props-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/clone-with-props-ja-JP.html b/docs/clone-with-props-ja-JP.html index 3f89fd021a..9fe4b47be9 100644 --- a/docs/clone-with-props-ja-JP.html +++ b/docs/clone-with-props-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/clone-with-props-ko-KR.html b/docs/clone-with-props-ko-KR.html index abd8e9b319..5ef4db6834 100644 --- a/docs/clone-with-props-ko-KR.html +++ b/docs/clone-with-props-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/clone-with-props-zh-CN.html b/docs/clone-with-props-zh-CN.html index 243b23c505..39ed326f0f 100644 --- a/docs/clone-with-props-zh-CN.html +++ b/docs/clone-with-props-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/clone-with-props.html b/docs/clone-with-props.html index 690a1b021b..948a5e9336 100644 --- a/docs/clone-with-props.html +++ b/docs/clone-with-props.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/component-api-it-IT.html b/docs/component-api-it-IT.html index a3e394759b..9cb98ed03c 100644 --- a/docs/component-api-it-IT.html +++ b/docs/component-api-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/component-api-ko-KR.html b/docs/component-api-ko-KR.html index e095419aa9..e725364b8f 100644 --- a/docs/component-api-ko-KR.html +++ b/docs/component-api-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/component-api-zh-CN.html b/docs/component-api-zh-CN.html index 45d0ac2688..93fb71d0f0 100644 --- a/docs/component-api-zh-CN.html +++ b/docs/component-api-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/component-api.html b/docs/component-api.html index 6b8ea40637..f1d36dd288 100644 --- a/docs/component-api.html +++ b/docs/component-api.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/component-specs-it-IT.html b/docs/component-specs-it-IT.html index c12d5f5799..128c09bd73 100644 --- a/docs/component-specs-it-IT.html +++ b/docs/component-specs-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/component-specs-ko-KR.html b/docs/component-specs-ko-KR.html index 71b477f23c..e68ec6f372 100644 --- a/docs/component-specs-ko-KR.html +++ b/docs/component-specs-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/component-specs-zh-CN.html b/docs/component-specs-zh-CN.html index 86fa13ebca..9315dfaaf6 100644 --- a/docs/component-specs-zh-CN.html +++ b/docs/component-specs-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/component-specs.html b/docs/component-specs.html index cfe926958b..1d90a2cafd 100644 --- a/docs/component-specs.html +++ b/docs/component-specs.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/conferences-it-IT.html b/docs/conferences-it-IT.html index 80c443bad0..3d8c6e6fe0 100644 --- a/docs/conferences-it-IT.html +++ b/docs/conferences-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/conferences-ko-KR.html b/docs/conferences-ko-KR.html index f2e60cd7db..650b56a447 100644 --- a/docs/conferences-ko-KR.html +++ b/docs/conferences-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/conferences-zh-CN.html b/docs/conferences-zh-CN.html index 703e8bcaf4..7531e42b5d 100644 --- a/docs/conferences-zh-CN.html +++ b/docs/conferences-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/conferences.html b/docs/conferences.html index dac04707cc..33b0ddbe21 100644 --- a/docs/conferences.html +++ b/docs/conferences.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/context-ko-KR.html b/docs/context-ko-KR.html index 6630df7fab..614483359a 100644 --- a/docs/context-ko-KR.html +++ b/docs/context-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/context-zh-CN.html b/docs/context-zh-CN.html index 8bf1458e3c..8355700139 100644 --- a/docs/context-zh-CN.html +++ b/docs/context-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/context.html b/docs/context.html index ee112efc99..1b44ad6123 100644 --- a/docs/context.html +++ b/docs/context.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/create-fragment-it-IT.html b/docs/create-fragment-it-IT.html index cce6196f79..b2345c89d3 100644 --- a/docs/create-fragment-it-IT.html +++ b/docs/create-fragment-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/create-fragment-ja-JP.html b/docs/create-fragment-ja-JP.html index d39170730f..7abe03e50c 100644 --- a/docs/create-fragment-ja-JP.html +++ b/docs/create-fragment-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/create-fragment-ko-KR.html b/docs/create-fragment-ko-KR.html index 7636679582..8001cdb7a2 100644 --- a/docs/create-fragment-ko-KR.html +++ b/docs/create-fragment-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/create-fragment-zh-CN.html b/docs/create-fragment-zh-CN.html index 6a812cfe75..fedae9420d 100644 --- a/docs/create-fragment-zh-CN.html +++ b/docs/create-fragment-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/create-fragment.html b/docs/create-fragment.html index a78a042322..8de927111e 100644 --- a/docs/create-fragment.html +++ b/docs/create-fragment.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/displaying-data-it-IT.html b/docs/displaying-data-it-IT.html index 8b10a1e6d3..c25fa6e9f1 100644 --- a/docs/displaying-data-it-IT.html +++ b/docs/displaying-data-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/displaying-data-ja-JP.html b/docs/displaying-data-ja-JP.html index df322b8def..13063ba82c 100644 --- a/docs/displaying-data-ja-JP.html +++ b/docs/displaying-data-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/displaying-data-ko-KR.html b/docs/displaying-data-ko-KR.html index 7dcc3b1ecc..101e244ca5 100644 --- a/docs/displaying-data-ko-KR.html +++ b/docs/displaying-data-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/displaying-data-zh-CN.html b/docs/displaying-data-zh-CN.html index d5ba87bf51..a130e8c72f 100644 --- a/docs/displaying-data-zh-CN.html +++ b/docs/displaying-data-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/displaying-data.html b/docs/displaying-data.html index 821a6e9623..0237f7d548 100644 --- a/docs/displaying-data.html +++ b/docs/displaying-data.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/dom-differences-it-IT.html b/docs/dom-differences-it-IT.html index 529843a6dd..49ff5df5d3 100644 --- a/docs/dom-differences-it-IT.html +++ b/docs/dom-differences-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/dom-differences-ko-KR.html b/docs/dom-differences-ko-KR.html index 8f45bf2b0a..5b01dac9df 100644 --- a/docs/dom-differences-ko-KR.html +++ b/docs/dom-differences-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/dom-differences-zh-CN.html b/docs/dom-differences-zh-CN.html index 687f195d02..6d74417240 100644 --- a/docs/dom-differences-zh-CN.html +++ b/docs/dom-differences-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/dom-differences.html b/docs/dom-differences.html index d69c4115b8..b676d4b4df 100644 --- a/docs/dom-differences.html +++ b/docs/dom-differences.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/environments.html b/docs/environments.html new file mode 100644 index 0000000000..1615fc46ef --- /dev/null +++ b/docs/environments.html @@ -0,0 +1,549 @@ + + + + + + + Server-side Environments | React + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + React + + + + +
    +
    + + + +
    +
    + + +
    +

    Quick Start

    + +
    + +
    +

    Community Resources

    + +
    + +
    +

    Guides

    + +
    + +
    +

    Reference

    + +
    + +
    +

    Flux

    + +
    + + + + +
    +

    Tips

    + +
    + +
    + + +
    + Edit on GitHub +

    + Server-side Environments +

    +
    + +

    One of the great things about React is that it doesn't require the DOM as a dependency, which means it is possible to render a React application on the server and send the HTML markup down to the client. There are a few things that React expects, so this guide will help you get started in your preferred environment.

    +

    Nashorn #

    +

    Nashorn is a lightweight high-performance JavaScript runtime that runs within the JVM. React should run out of the box in Java 8+.

    + +

    Example:

    +
    import java.io.IOException;
+import java.io.InputStream;
+import java.net.MalformedURLException;
+import java.net.URL;
+
+import javax.script.ScriptEngine;
+import javax.script.ScriptEngineManager;
+import javax.script.ScriptException;
+
+import org.apache.commons.io.IOUtils;  // https://commons.apache.org/proper/commons-io/download_io.cgi
+
+public class ReactRender
+{
+  public static void main(String[] args) throws ScriptException, IOException {
+    ScriptEngine nashorn = new ScriptEngineManager().getEngineByName("nashorn");
+
+    nashorn.eval(getScript("https://fb.me/react-15.0.1.js"));
+    nashorn.eval(getScript("https://fb.me/react-dom-server-15.0.1.js"));
+
+    System.out.println(nashorn.eval("ReactDOMServer.renderToString(React.createElement('div', {}, 'Hello World!'));"));
+  }
+
+  public static String getScript(String url) throws MalformedURLException, IOException {
+    InputStream stream = new URL(url).openStream();
+    try {
+      return IOUtils.toString(stream);
+    }
+    finally {
+      stream.close();
+    }
+  }
+}
+
    +

    If your application uses node modules, or you want to transform JSX in Nashorn, you will need to do some additional environment setup. The following resources may be helpful in getting you started:

    + + + +
    +

    Note: Using Babel within Nashorn will require Java 8u72+, as update 72 fixed JDK-8135190.

    +
    +

    Node #

    +

    You can also use React within a node server-side environment.

    + +

    Example:

    +
    var React = require('react');
+var ReactDOMServer = require('react-dom/server');
+
+var element = React.createElement('div', {}, 'Hello World!');
+console.log(ReactDOMServer.renderToString(element));
+
    +
    +

    Note: Some versions of node have an Object.assign implementation that does not preserve key order. This can cause errors when validating the markup, creating a warning that says "React attempted to reuse markup in a container but the checksum was invalid". If you run into this issue, you can override Object.assign to use a polyfill that preserves key order. For more details, see Issue #6451.

    +
    + + +
    + + ← Prev + + + Next → + +
    +
    +
    + + +
    +
    + A Facebook & Instagram collaboration.
    + Acknowledgements +
    +
    + © 2013–2016 Facebook Inc.
    + Documentation licensed under CC BY 4.0. +
    +
    +
    +
    + + + + diff --git a/docs/events-it-IT.html b/docs/events-it-IT.html index 4c23d8c130..a741019da0 100644 --- a/docs/events-it-IT.html +++ b/docs/events-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/events-ko-KR.html b/docs/events-ko-KR.html index 3c80c0425b..ae1559c843 100644 --- a/docs/events-ko-KR.html +++ b/docs/events-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/events-zh-CN.html b/docs/events-zh-CN.html index 65c02a132b..c868a6e5cc 100644 --- a/docs/events-zh-CN.html +++ b/docs/events-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/events.html b/docs/events.html index c2987c0ad4..3801f34cc2 100644 --- a/docs/events.html +++ b/docs/events.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/flux-overview-it-IT.html b/docs/flux-overview-it-IT.html index 504472ebc5..7919ee7078 100644 --- a/docs/flux-overview-it-IT.html +++ b/docs/flux-overview-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/flux-overview-ko-KR.html b/docs/flux-overview-ko-KR.html index 8e2e3ddc5a..8cd6dd44b4 100644 --- a/docs/flux-overview-ko-KR.html +++ b/docs/flux-overview-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/flux-overview-zh-CN.html b/docs/flux-overview-zh-CN.html index deecfd672b..0d7ecd216a 100644 --- a/docs/flux-overview-zh-CN.html +++ b/docs/flux-overview-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/flux-overview.html b/docs/flux-overview.html index a01037f736..ea261aae58 100644 --- a/docs/flux-overview.html +++ b/docs/flux-overview.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/flux-todo-list-it-IT.html b/docs/flux-todo-list-it-IT.html index 53e31d73ed..150cf3be83 100644 --- a/docs/flux-todo-list-it-IT.html +++ b/docs/flux-todo-list-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/flux-todo-list-ko-KR.html b/docs/flux-todo-list-ko-KR.html index 809865d4c2..a5a66d67ce 100644 --- a/docs/flux-todo-list-ko-KR.html +++ b/docs/flux-todo-list-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/flux-todo-list-zh-CN.html b/docs/flux-todo-list-zh-CN.html index e938bfa259..c723d71132 100644 --- a/docs/flux-todo-list-zh-CN.html +++ b/docs/flux-todo-list-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/flux-todo-list.html b/docs/flux-todo-list.html index 5ebcb23022..58cafc11aa 100644 --- a/docs/flux-todo-list.html +++ b/docs/flux-todo-list.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/forms-it-IT.html b/docs/forms-it-IT.html index 65115aecc0..23e7e68c3c 100644 --- a/docs/forms-it-IT.html +++ b/docs/forms-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/forms-ja-JP.html b/docs/forms-ja-JP.html index dfb6122c0f..8c0906233b 100644 --- a/docs/forms-ja-JP.html +++ b/docs/forms-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/forms-ko-KR.html b/docs/forms-ko-KR.html index c8a98d9f22..6de997caeb 100644 --- a/docs/forms-ko-KR.html +++ b/docs/forms-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/forms-zh-CN.html b/docs/forms-zh-CN.html index c65a289cbc..038f01ab6d 100644 --- a/docs/forms-zh-CN.html +++ b/docs/forms-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/forms.html b/docs/forms.html index 3deda80f4f..a841e6f311 100644 --- a/docs/forms.html +++ b/docs/forms.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/getting-started-it-IT.html b/docs/getting-started-it-IT.html index 3d1eef5b4c..3cceb5ddfa 100644 --- a/docs/getting-started-it-IT.html +++ b/docs/getting-started-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/getting-started-ja-JP.html b/docs/getting-started-ja-JP.html index a9485366b2..d555e3f8ed 100644 --- a/docs/getting-started-ja-JP.html +++ b/docs/getting-started-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/getting-started-ko-KR.html b/docs/getting-started-ko-KR.html index fe4a57bc1e..c9aef4280c 100644 --- a/docs/getting-started-ko-KR.html +++ b/docs/getting-started-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/getting-started-zh-CN.html b/docs/getting-started-zh-CN.html index af04db8826..0c5240f67a 100644 --- a/docs/getting-started-zh-CN.html +++ b/docs/getting-started-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/getting-started.html b/docs/getting-started.html index 299882e84c..f3b0a4b620 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • @@ -423,39 +439,8 @@
  • React JSFiddle
  • React JSFiddle without JSX
    • -

    Using React from npm #

    -

    We recommend using React with a CommonJS module system like browserify or webpack. Use the react and react-dom npm packages.

    -
    // main.js
-var React = require('react');
-var ReactDOM = require('react-dom');
-
-ReactDOM.render(
-  <h1>Hello, world!</h1>,
-  document.getElementById('example')
-);
-
    -

    To install React DOM and build your bundle with browserify:

    -
    $ 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:

    -
    $ npm install --save react react-dom babel-preset-react
-$ webpack
-
    -
    -

    Note:

    - -

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

    -
    - -

    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.

    +

    Starter Pack #

    +

    If you're just getting started, you can download the starter kit. The starter kit includes prebuilt copies of React and React DOM for the browser, as well as a collection of usage examples to help you get started.

    @@ -496,46 +481,11 @@ 
    <script type="text/babel" src="src/helloworld.js"></script>

    Note that some browsers (Chrome, e.g.) will fail to load the file unless it's served via HTTP.

    -

    Offline Transform #

    -

    First install the Babel command-line tools (requires npm):

    -
    npm install --global babel-cli
-npm install babel-preset-react
-
    -

    Then, translate your src/helloworld.js file to plain JavaScript:

    -
    babel --presets react src --watch --out-dir build
-
    -
    -

    Note:

    - -

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

    -
    - -

    The file build/helloworld.js is autogenerated whenever you make a change. Read the Babel CLI documentation for more advanced usage.

    -
    ReactDOM.render(
-  React.createElement('h1', null, 'Hello, world!'),
-  document.getElementById('example')
-);
-
    -

    Update your HTML file as below:

    -
    <!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <title>Hello React!</title>
-    <script src="build/react.js"></script>
-    <script src="build/react-dom.js"></script>
-    <!-- No need for Babel! -->
-  </head>
-  <body>
-    <div id="example"></div>
-    <script src="build/helloworld.js"></script>
-  </body>
-</html>
-

    Next Steps #

    +

    Using React with npm or Bower #

    +

    You can also use React with package managers like npm or Bower. You can learn more in our Package Managers section.

    +

    Next Steps #

    Check out the tutorial and the other examples in the starter kit's examples directory to learn more.

    -

    We also have a wiki where the community contributes with workflows, UI-components, routing, data management etc.

    -

    Good luck, and welcome!

    diff --git a/docs/glossary-it-IT.html b/docs/glossary-it-IT.html index b64125fbb2..7fa9b342b3 100644 --- a/docs/glossary-it-IT.html +++ b/docs/glossary-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/glossary-ko-KR.html b/docs/glossary-ko-KR.html index 098f133f2e..eb6047bdc5 100644 --- a/docs/glossary-ko-KR.html +++ b/docs/glossary-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/glossary-zh-CN.html b/docs/glossary-zh-CN.html index 55bee4e0d0..b1e30870d1 100644 --- a/docs/glossary-zh-CN.html +++ b/docs/glossary-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/glossary.html b/docs/glossary.html index c455e4f627..c583e22182 100644 --- a/docs/glossary.html +++ b/docs/glossary.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/interactivity-and-dynamic-uis-it-IT.html b/docs/interactivity-and-dynamic-uis-it-IT.html index 9d22614101..95520f8bbd 100644 --- a/docs/interactivity-and-dynamic-uis-it-IT.html +++ b/docs/interactivity-and-dynamic-uis-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/interactivity-and-dynamic-uis-ja-JP.html b/docs/interactivity-and-dynamic-uis-ja-JP.html index 4504d6f678..10f2873af8 100644 --- a/docs/interactivity-and-dynamic-uis-ja-JP.html +++ b/docs/interactivity-and-dynamic-uis-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/interactivity-and-dynamic-uis-ko-KR.html b/docs/interactivity-and-dynamic-uis-ko-KR.html index fc7464c20d..f1a26aba35 100644 --- a/docs/interactivity-and-dynamic-uis-ko-KR.html +++ b/docs/interactivity-and-dynamic-uis-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/interactivity-and-dynamic-uis-zh-CN.html b/docs/interactivity-and-dynamic-uis-zh-CN.html index fef68269be..e7638c94b0 100644 --- a/docs/interactivity-and-dynamic-uis-zh-CN.html +++ b/docs/interactivity-and-dynamic-uis-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/interactivity-and-dynamic-uis.html b/docs/interactivity-and-dynamic-uis.html index 088caa5424..72bee00881 100644 --- a/docs/interactivity-and-dynamic-uis.html +++ b/docs/interactivity-and-dynamic-uis.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-gotchas-it-IT.html b/docs/jsx-gotchas-it-IT.html index 8c0fc111fe..f2d1197be6 100644 --- a/docs/jsx-gotchas-it-IT.html +++ b/docs/jsx-gotchas-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-gotchas-ja-JP.html b/docs/jsx-gotchas-ja-JP.html index 7185b508fa..71fbba03f2 100644 --- a/docs/jsx-gotchas-ja-JP.html +++ b/docs/jsx-gotchas-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-gotchas-ko-KR.html b/docs/jsx-gotchas-ko-KR.html index 05d9f79ea5..b8902412ad 100644 --- a/docs/jsx-gotchas-ko-KR.html +++ b/docs/jsx-gotchas-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-gotchas-zh-CN.html b/docs/jsx-gotchas-zh-CN.html index 4544b63f77..0a2beac51e 100644 --- a/docs/jsx-gotchas-zh-CN.html +++ b/docs/jsx-gotchas-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-gotchas.html b/docs/jsx-gotchas.html index c67ddea4a8..f46f1959d6 100644 --- a/docs/jsx-gotchas.html +++ b/docs/jsx-gotchas.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-in-depth-it-IT.html b/docs/jsx-in-depth-it-IT.html index 4fb4756e71..af32e50b85 100644 --- a/docs/jsx-in-depth-it-IT.html +++ b/docs/jsx-in-depth-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-in-depth-ja-JP.html b/docs/jsx-in-depth-ja-JP.html index 4c14c9891a..a6289855b3 100644 --- a/docs/jsx-in-depth-ja-JP.html +++ b/docs/jsx-in-depth-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-in-depth-ko-KR.html b/docs/jsx-in-depth-ko-KR.html index c0d534e299..bf24c88273 100644 --- a/docs/jsx-in-depth-ko-KR.html +++ b/docs/jsx-in-depth-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-in-depth-zh-CN.html b/docs/jsx-in-depth-zh-CN.html index b2e2069291..943586de4f 100644 --- a/docs/jsx-in-depth-zh-CN.html +++ b/docs/jsx-in-depth-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-in-depth.html b/docs/jsx-in-depth.html index a1b4516bee..d00e39b9d2 100644 --- a/docs/jsx-in-depth.html +++ b/docs/jsx-in-depth.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-spread-it-IT.html b/docs/jsx-spread-it-IT.html index 4d055c4a7d..2e295a52a6 100644 --- a/docs/jsx-spread-it-IT.html +++ b/docs/jsx-spread-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-spread-ja-JP.html b/docs/jsx-spread-ja-JP.html index 9b00ed9f00..a2c9bfb8ec 100644 --- a/docs/jsx-spread-ja-JP.html +++ b/docs/jsx-spread-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-spread-ko-KR.html b/docs/jsx-spread-ko-KR.html index 54f53b7106..e4df8bf285 100644 --- a/docs/jsx-spread-ko-KR.html +++ b/docs/jsx-spread-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-spread-zh-CN.html b/docs/jsx-spread-zh-CN.html index cb9788f457..d930fc063f 100644 --- a/docs/jsx-spread-zh-CN.html +++ b/docs/jsx-spread-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/jsx-spread.html b/docs/jsx-spread.html index b2282cc12d..6c41a7a1bf 100644 --- a/docs/jsx-spread.html +++ b/docs/jsx-spread.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/language-tooling.html b/docs/language-tooling.html new file mode 100644 index 0000000000..4aede282eb --- /dev/null +++ b/docs/language-tooling.html @@ -0,0 +1,540 @@ + + + + + + + Language Tooling | React + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + React + + + + +
    +
    + + + +
    +
    + + +
    +

    Quick Start

    + +
    + +
    +

    Community Resources

    + +
    + +
    +

    Guides

    + +
    + +
    +

    Reference

    + +
    + +
    +

    Flux

    + +
    + + + + +
    +

    Tips

    + +
    + +
    + + +
    + Edit on GitHub +

    + Language Tooling +

    +
    + +

    ES2015 with JSX #

    In-browser JSX Transform #

    +

    If you like using JSX, Babel 5 provided an in-browser ES2015 and JSX transformer for development called browser.js that can be included from CDNJS. Include a <script type="text/babel"> tag to engage the JSX transformer.

    + +
    +

    Note:

    + +

    The in-browser JSX transformer is fairly large and results in extraneous computation client-side that can be avoided. Do not use it in production — see the next section.

    +
    +

    Productionizing: Precompiled JSX #

    +

    If you have npm, you can run npm install -g babel-cli. Babel has built-in support for React v0.12+. Tags are automatically transformed to their equivalent React.createElement(...), displayName is automatically inferred and added to all React.createClass calls.

    + +

    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: babel --watch src/ --out-dir lib/.

    + +

    Beginning with Babel 6, there are no transforms included by default. This means that options must be specified when running the babel command, or a .babelrc must specify options. Additional packages must also be installed which bundle together a number of transforms, called presets. The most common use when working with React will be to include the es2015 and react presets. More information about the changes to Babel can be found in their blog post announcing Babel 6.

    + +

    Here is an example of what you will do if using ES2015 syntax and React:

    +
    npm install babel-preset-es2015 babel-preset-react
+babel --presets es2015,react --watch src/ --out-dir lib/
+
    +

    By default JSX files with a .js extension are transformed. Run babel --help for more information on how to use Babel.

    + +

    Example output:

    +
    $ cat test.js
+var HelloMessage = React.createClass({
+  render: function() {
+    return <div>Hello {this.props.name}</div>;
+  }
+});
+
+ReactDOM.render(<HelloMessage name="John" />, mountNode);
+$ babel test.js
+"use strict";
+
+var HelloMessage = React.createClass({
+  displayName: "HelloMessage",
+
+  render: function render() {
+    return React.createElement(
+      "div",
+      null,
+      "Hello ",
+      this.props.name
+    );
+  }
+});
+
+ReactDOM.render(React.createElement(HelloMessage, { name: "John" }), mountNode);
+

    Helpful Open-Source Projects #

    +

    The open-source community has built tools that integrate JSX with several editors and build systems. See JSX integrations for the full list.

    +

    Flow #

    +

    Flow is a JavaScript type checker released by Facebook, and it supports JSX. For more info, checkout the Flow homepage.

    +

    TypeScript #

    +

    Microsoft TypeScript now supports JSX. For more info, check out the TypeScript JSX Documentation or their guide on getting started with react+webpack.

    + + +
    + + ← Prev + + + Next → + +
    +
    +
    + + +
    +
    + A Facebook & Instagram collaboration.
    + Acknowledgements +
    +
    + © 2013–2016 Facebook Inc.
    + Documentation licensed under CC BY 4.0. +
    +
    +
    +
    + + + + diff --git a/docs/more-about-refs-it-IT.html b/docs/more-about-refs-it-IT.html index 44fc8267ad..89ced0aa20 100644 --- a/docs/more-about-refs-it-IT.html +++ b/docs/more-about-refs-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/more-about-refs-ja-JP.html b/docs/more-about-refs-ja-JP.html index 39dd452f65..41381b8d07 100644 --- a/docs/more-about-refs-ja-JP.html +++ b/docs/more-about-refs-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/more-about-refs-ko-KR.html b/docs/more-about-refs-ko-KR.html index 2f0318fc76..6d783a5cd4 100644 --- a/docs/more-about-refs-ko-KR.html +++ b/docs/more-about-refs-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/more-about-refs-zh-CN.html b/docs/more-about-refs-zh-CN.html index 824c7e815b..eac9374406 100644 --- a/docs/more-about-refs-zh-CN.html +++ b/docs/more-about-refs-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/more-about-refs.html b/docs/more-about-refs.html index 91e5d00646..6088efe289 100644 --- a/docs/more-about-refs.html +++ b/docs/more-about-refs.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/multiple-components-it-IT.html b/docs/multiple-components-it-IT.html index 84fe3d1076..2e6b8be74c 100644 --- a/docs/multiple-components-it-IT.html +++ b/docs/multiple-components-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/multiple-components-ja-JP.html b/docs/multiple-components-ja-JP.html index f765d90160..b4f08faa21 100644 --- a/docs/multiple-components-ja-JP.html +++ b/docs/multiple-components-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/multiple-components-ko-KR.html b/docs/multiple-components-ko-KR.html index 9d804a90b0..86581c5124 100644 --- a/docs/multiple-components-ko-KR.html +++ b/docs/multiple-components-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/multiple-components-zh-CN.html b/docs/multiple-components-zh-CN.html index 1bb03cc6da..ca76a24130 100644 --- a/docs/multiple-components-zh-CN.html +++ b/docs/multiple-components-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/multiple-components.html b/docs/multiple-components.html index bbd8e83e53..0fd1c725bf 100644 --- a/docs/multiple-components.html +++ b/docs/multiple-components.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/package-management.html b/docs/package-management.html new file mode 100644 index 0000000000..1003d694d1 --- /dev/null +++ b/docs/package-management.html @@ -0,0 +1,574 @@ + + + + + + + Package Management | React + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + React + + + + +
    +
    + + + +
    +
    + + +
    +

    Quick Start

    + +
    + +
    +

    Community Resources

    + +
    + +
    +

    Guides

    + +
    + +
    +

    Reference

    + +
    + +
    +

    Flux

    + +
    + + + + +
    +

    Tips

    + +
    + +
    + + +
    + Edit on GitHub +

    + Package Management +

    +
    + +

    CDN-hosted React #

    +

    We provide CDN-hosted versions of React on our download page. These pre-built files use the UMD module format. Dropping them in with a simple <script> tag will inject the React and ReactDOM globals into your environment. It should also work out-of-the-box in CommonJS and AMD environments.

    +

    Using React from npm #

    +

    You can use React with a CommonJS module system like browserify or webpack. Use the react and react-dom npm packages.

    +
    // main.js
+var React = require('react');
+var ReactDOM = require('react-dom');
+
+ReactDOM.render(
+  <h1>Hello, world!</h1>,
+  document.getElementById('example')
+);
+
    +

    Configure babel with a .babelrc file:

    +
     { "presets": ["react"] }
+
    +
    +

    Note:

    + +

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

    +
    + +

    To install React DOM and build your bundle with browserify:

    +
    $ npm install --save react react-dom babelify babel-preset-react
+$ browserify -t [ babelify ] main.js -o bundle.js
+
    +

    To install React DOM and build your bundle with webpack:

    +
    $ npm install --save react react-dom babel-preset-react babel-loader babel-core
+$ webpack main.js bundle.js --module-bind 'js=babel-loader'
+
    +
    +

    Note:

    + +

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

    +
    + +

    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")
+  }
+});
+
    +

    Update your HTML file as below:

    +
    <!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Hello React!</title>
+    <script src="build/react.js"></script>
+    <script src="build/react-dom.js"></script>
+    <!-- No need for Babel! -->
+  </head>
+  <body>
+    <div id="example"></div>
+    <script src="build/helloworld.js"></script>
+  </body>
+</html>
+

    Using React from Bower #

    +

    Bower is a package manager optimized for the front-end development. If multiple packages depend on a package - jQuery for example - Bower will download jQuery just once. This is known as a flat dependency graph and it helps reduce page load. For more info, visit http://bower.io/

    + +

    If you'd like to use bower, it's as easy as:

    +
    bower install --save react
+
    <!DOCTYPE html>
+
+
+
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Hello React!</title>
+    <script src="bower_components/react/react.js"></script>
+    <script src="bower_components/react/react-dom.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
+  </head>
+  <body>
+    <div id="example"></div>
+    <script type="text/babel">
+      ReactDOM.render(
+        <h1>Hello, world!</h1>,
+        document.getElementById('example')
+      );
+    </script>
+  </body>
+</html>
+

    Using master #

    +

    We have instructions for building from master in our GitHub repository.

    + + +
    + + ← Prev + + + Next → + +
    +
    +
    + + +
    +
    + A Facebook & Instagram collaboration.
    + Acknowledgements +
    +
    + © 2013–2016 Facebook Inc.
    + Documentation licensed under CC BY 4.0. +
    +
    +
    +
    + + + + diff --git a/docs/perf-it-IT.html b/docs/perf-it-IT.html index 0fe6e77ce2..9ad5ab5218 100644 --- a/docs/perf-it-IT.html +++ b/docs/perf-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/perf-ja-JP.html b/docs/perf-ja-JP.html index 92a87e369a..9384cfeaa1 100644 --- a/docs/perf-ja-JP.html +++ b/docs/perf-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/perf-ko-KR.html b/docs/perf-ko-KR.html index ecd6878c5a..33763ce1b5 100644 --- a/docs/perf-ko-KR.html +++ b/docs/perf-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/perf-zh-CN.html b/docs/perf-zh-CN.html index 420eab8e54..f8de861512 100644 --- a/docs/perf-zh-CN.html +++ b/docs/perf-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/perf.html b/docs/perf.html index faed8676c9..9b2f2471f4 100644 --- a/docs/perf.html +++ b/docs/perf.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/pure-render-mixin-it-IT.html b/docs/pure-render-mixin-it-IT.html index d269446c4a..bf041d6e56 100644 --- a/docs/pure-render-mixin-it-IT.html +++ b/docs/pure-render-mixin-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/pure-render-mixin-ja-JP.html b/docs/pure-render-mixin-ja-JP.html index 7a6529792d..6faa7fc40a 100644 --- a/docs/pure-render-mixin-ja-JP.html +++ b/docs/pure-render-mixin-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/pure-render-mixin-ko-KR.html b/docs/pure-render-mixin-ko-KR.html index 8b412c1d33..417881c70c 100644 --- a/docs/pure-render-mixin-ko-KR.html +++ b/docs/pure-render-mixin-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/pure-render-mixin-zh-CN.html b/docs/pure-render-mixin-zh-CN.html index 486e6c55d3..355714f3ad 100644 --- a/docs/pure-render-mixin-zh-CN.html +++ b/docs/pure-render-mixin-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/pure-render-mixin.html b/docs/pure-render-mixin.html index 367f1f4c99..7185e043fd 100644 --- a/docs/pure-render-mixin.html +++ b/docs/pure-render-mixin.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/reconciliation-it-IT.html b/docs/reconciliation-it-IT.html index d344ff71b2..a2d184faf2 100644 --- a/docs/reconciliation-it-IT.html +++ b/docs/reconciliation-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/reconciliation-ko-KR.html b/docs/reconciliation-ko-KR.html index 580d0f7f61..89a2f282bb 100644 --- a/docs/reconciliation-ko-KR.html +++ b/docs/reconciliation-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/reconciliation.html b/docs/reconciliation.html index 50dcd9390b..5401be6c40 100644 --- a/docs/reconciliation.html +++ b/docs/reconciliation.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/reusable-components-it-IT.html b/docs/reusable-components-it-IT.html index 86729d66a3..7d3a1ab4de 100644 --- a/docs/reusable-components-it-IT.html +++ b/docs/reusable-components-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/reusable-components-ja-JP.html b/docs/reusable-components-ja-JP.html index 50777f9289..96e803b1f1 100644 --- a/docs/reusable-components-ja-JP.html +++ b/docs/reusable-components-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/reusable-components-ko-KR.html b/docs/reusable-components-ko-KR.html index 879ce3120f..2063e0f4fc 100644 --- a/docs/reusable-components-ko-KR.html +++ b/docs/reusable-components-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/reusable-components-zh-CN.html b/docs/reusable-components-zh-CN.html index 385f54f5ce..deecc0024e 100644 --- a/docs/reusable-components-zh-CN.html +++ b/docs/reusable-components-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/reusable-components.html b/docs/reusable-components.html index 61eb9c9a82..924e5c6fe0 100644 --- a/docs/reusable-components.html +++ b/docs/reusable-components.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/shallow-compare-zh-CN.html b/docs/shallow-compare-zh-CN.html index eeaa8088ec..acfe4114ed 100644 --- a/docs/shallow-compare-zh-CN.html +++ b/docs/shallow-compare-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/shallow-compare.html b/docs/shallow-compare.html index 0818900de5..4a904d517f 100644 --- a/docs/shallow-compare.html +++ b/docs/shallow-compare.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/special-non-dom-attributes-it-IT.html b/docs/special-non-dom-attributes-it-IT.html index b236076785..0ac14ac0af 100644 --- a/docs/special-non-dom-attributes-it-IT.html +++ b/docs/special-non-dom-attributes-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/special-non-dom-attributes-ko-KR.html b/docs/special-non-dom-attributes-ko-KR.html index e9c8b6e145..bd46eb67c4 100644 --- a/docs/special-non-dom-attributes-ko-KR.html +++ b/docs/special-non-dom-attributes-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/special-non-dom-attributes-zh-CN.html b/docs/special-non-dom-attributes-zh-CN.html index ab8a2bc3e2..6dbd028dcd 100644 --- a/docs/special-non-dom-attributes-zh-CN.html +++ b/docs/special-non-dom-attributes-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/special-non-dom-attributes.html b/docs/special-non-dom-attributes.html index f05fd561b9..9fce3fcde2 100644 --- a/docs/special-non-dom-attributes.html +++ b/docs/special-non-dom-attributes.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tags-and-attributes-it-IT.html b/docs/tags-and-attributes-it-IT.html index 5c296318fb..cffbffcbc0 100644 --- a/docs/tags-and-attributes-it-IT.html +++ b/docs/tags-and-attributes-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tags-and-attributes-ko-KR.html b/docs/tags-and-attributes-ko-KR.html index 182a81c625..44511b2a17 100644 --- a/docs/tags-and-attributes-ko-KR.html +++ b/docs/tags-and-attributes-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tags-and-attributes-zh-CN.html b/docs/tags-and-attributes-zh-CN.html index a0f848666b..cf5d566b82 100644 --- a/docs/tags-and-attributes-zh-CN.html +++ b/docs/tags-and-attributes-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tags-and-attributes.html b/docs/tags-and-attributes.html index 073ae05335..aae7692eff 100644 --- a/docs/tags-and-attributes.html +++ b/docs/tags-and-attributes.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/test-utils-it-IT.html b/docs/test-utils-it-IT.html index 0c9459a7c3..0d6a2d277d 100644 --- a/docs/test-utils-it-IT.html +++ b/docs/test-utils-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/test-utils-ja-JP.html b/docs/test-utils-ja-JP.html index c59b422db9..c506e11271 100644 --- a/docs/test-utils-ja-JP.html +++ b/docs/test-utils-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/test-utils-ko-KR.html b/docs/test-utils-ko-KR.html index fc14727beb..adee071784 100644 --- a/docs/test-utils-ko-KR.html +++ b/docs/test-utils-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/test-utils-zh-CN.html b/docs/test-utils-zh-CN.html index 8841dc3ead..ea294a25f6 100644 --- a/docs/test-utils-zh-CN.html +++ b/docs/test-utils-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/test-utils.html b/docs/test-utils.html index e1675a0be6..114178543a 100644 --- a/docs/test-utils.html +++ b/docs/test-utils.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/thinking-in-react-ko-KR.html b/docs/thinking-in-react-ko-KR.html index 1bd1faa6f1..0f5dd1b2fd 100644 --- a/docs/thinking-in-react-ko-KR.html +++ b/docs/thinking-in-react-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/thinking-in-react.html b/docs/thinking-in-react.html index a10c04519a..28ece8ddc5 100644 --- a/docs/thinking-in-react.html +++ b/docs/thinking-in-react.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/thinking-in-react.it-IT.html b/docs/thinking-in-react.it-IT.html index 6593d897b4..fcade19869 100644 --- a/docs/thinking-in-react.it-IT.html +++ b/docs/thinking-in-react.it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/thinking-in-react.ja-JP.html b/docs/thinking-in-react.ja-JP.html index 167828486a..8c6f63768c 100644 --- a/docs/thinking-in-react.ja-JP.html +++ b/docs/thinking-in-react.ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/thinking-in-react.zh-CN.html b/docs/thinking-in-react.zh-CN.html index d0ec19296b..9eccad4686 100644 --- a/docs/thinking-in-react.zh-CN.html +++ b/docs/thinking-in-react.zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tooling-integration-it-IT.html b/docs/tooling-integration-it-IT.html index fab6aca05b..5cb07783c5 100644 --- a/docs/tooling-integration-it-IT.html +++ b/docs/tooling-integration-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tooling-integration-ja-JP.html b/docs/tooling-integration-ja-JP.html index 04fa64547c..b02399965e 100644 --- a/docs/tooling-integration-ja-JP.html +++ b/docs/tooling-integration-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tooling-integration-ko-KR.html b/docs/tooling-integration-ko-KR.html index 2dd32532b7..6749d2f898 100644 --- a/docs/tooling-integration-ko-KR.html +++ b/docs/tooling-integration-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tooling-integration-zh-CN.html b/docs/tooling-integration-zh-CN.html index dec1d7e884..e5a5136548 100644 --- a/docs/tooling-integration-zh-CN.html +++ b/docs/tooling-integration-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tooling-integration.html b/docs/tooling-integration.html index 595461c07d..71568079a7 100644 --- a/docs/tooling-integration.html +++ b/docs/tooling-integration.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • @@ -416,60 +432,13 @@
    -

    Every project uses a different system for building and deploying JavaScript. We've tried to make React as environment-agnostic as possible.

    -

    React #

    CDN-hosted React #

    -

    We provide CDN-hosted versions of React on our download page. These pre-built files use the UMD module format. Dropping them in with a simple <script> tag will inject a React global into your environment. It should also work out-of-the-box in CommonJS and AMD environments.

    -

    Using master #

    -

    We have instructions for building from master in our GitHub repository. We build a tree of CommonJS modules under build/modules which you can drop into any environment or packaging tool that supports CommonJS.

    -

    JSX #

    In-browser JSX Transform #

    -

    If you like using JSX, Babel 5 provided an in-browser ES6 and JSX transformer for development called browser.js that can be included from CDNJS. Include a <script type="text/babel"> tag to engage the JSX transformer.

    +

    We've tried to make React as environment-agnostic as possible. People use React in a variety of languages (JavaScript, TypeScript, ClojureScript, etc) and in a variety of environments (web, iOS, Android, NodeJS, Nashorn, etc). There are many tools to help you build great applications. In these sections we introduce some of the tools that are most commonly used together with React.

    -
    -

    Note:

    - -

    The in-browser JSX transformer is fairly large and results in extraneous computation client-side that can be avoided. Do not use it in production — see the next section.

    -
    -

    Productionizing: Precompiled JSX #

    -

    If you have npm, you can run npm install -g babel-cli. Babel has built-in support for React v0.12+. Tags are automatically transformed to their equivalent React.createElement(...), displayName is automatically inferred and added to all React.createClass calls.

    - -

    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: babel --watch src/ --out-dir lib/.

    - -

    Beginning with Babel 6, there are no transforms included by default. This means that options must be specified when running the babel command, or a .babelrc must specify options. Additional packages must also be installed which bundle together a number of transforms, called presets. The most common use when working with React will be to include the es2015 and react presets. More information about the changes to Babel can be found in their blog post announcing Babel 6.

    - -

    Here is an example of what you will do if using ES2015 syntax and React:

    -
    npm install babel-preset-es2015 babel-preset-react
-babel --presets es2015,react --watch src/ --out-dir lib/
-
    -

    By default JSX files with a .js extension are transformed. Run babel --help for more information on how to use Babel.

    - -

    Example output:

    -
    $ cat test.jsx
-var HelloMessage = React.createClass({
-  render: function() {
-    return <div>Hello {this.props.name}</div>;
-  }
-});
-
-ReactDOM.render(<HelloMessage name="John" />, mountNode);
-$ babel test.jsx
-"use strict";
-
-var HelloMessage = React.createClass({
-  displayName: "HelloMessage",
-
-  render: function render() {
-    return React.createElement(
-      "div",
-      null,
-      "Hello ",
-      this.props.name
-    );
-  }
-});
-
-ReactDOM.render(React.createElement(HelloMessage, { name: "John" }), mountNode);
-

    Helpful Open-Source Projects #

    -

    The open-source community has built tools that integrate JSX with several editors and build systems. See JSX integrations for the full list.

    +
      +
    • Language Tooling describes how to set up tools like Babel to transpile JSX for a better development experience.
      • +
    • Package Management describes how to configure React as a dependency of your project.
      • +
    • Server-side Environments describes how to configure your environment for server-side rendering with React.
      • +
    @@ -477,7 +446,7 @@ ReactDOM.render(React.createElement(HelloMessage, { name: "John" }), m ← Prev - Next → + Next →
    • diff --git a/docs/top-level-api-it-IT.html b/docs/top-level-api-it-IT.html index b320ffbf58..2847ab4246 100644 --- a/docs/top-level-api-it-IT.html +++ b/docs/top-level-api-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/top-level-api-ja-JP.html b/docs/top-level-api-ja-JP.html index 40011f4838..f5558bbfdd 100644 --- a/docs/top-level-api-ja-JP.html +++ b/docs/top-level-api-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/top-level-api-ko-KR.html b/docs/top-level-api-ko-KR.html index 6cc7c6d971..875531bedb 100644 --- a/docs/top-level-api-ko-KR.html +++ b/docs/top-level-api-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/top-level-api-zh-CN.html b/docs/top-level-api-zh-CN.html index 9a3fd0ffa4..882db5a355 100644 --- a/docs/top-level-api-zh-CN.html +++ b/docs/top-level-api-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/top-level-api.html b/docs/top-level-api.html index 0ba4063301..0c1958ce37 100644 --- a/docs/top-level-api.html +++ b/docs/top-level-api.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/transferring-props-it-IT.html b/docs/transferring-props-it-IT.html index 1f6eed417d..02bb88f83b 100644 --- a/docs/transferring-props-it-IT.html +++ b/docs/transferring-props-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/transferring-props-ja-JP.html b/docs/transferring-props-ja-JP.html index cf968380b7..5423914529 100644 --- a/docs/transferring-props-ja-JP.html +++ b/docs/transferring-props-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/transferring-props-ko-KR.html b/docs/transferring-props-ko-KR.html index 3be45e27b7..2ace46b261 100644 --- a/docs/transferring-props-ko-KR.html +++ b/docs/transferring-props-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/transferring-props-zh-CN.html b/docs/transferring-props-zh-CN.html index a7202ab6d7..05e50e5aea 100644 --- a/docs/transferring-props-zh-CN.html +++ b/docs/transferring-props-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/transferring-props.html b/docs/transferring-props.html index 89bb307009..1dcd65a19c 100644 --- a/docs/transferring-props.html +++ b/docs/transferring-props.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tutorial-ja-JP.html b/docs/tutorial-ja-JP.html index 21a5ce469b..161a919705 100644 --- a/docs/tutorial-ja-JP.html +++ b/docs/tutorial-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tutorial-ko-KR.html b/docs/tutorial-ko-KR.html index 07ee495ba9..2e4bdf9c91 100644 --- a/docs/tutorial-ko-KR.html +++ b/docs/tutorial-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tutorial.html b/docs/tutorial.html index 9d75c17b79..924f1e148b 100644 --- a/docs/tutorial.html +++ b/docs/tutorial.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tutorial.it-IT.html b/docs/tutorial.it-IT.html index 5c787a01fd..73bbea4782 100644 --- a/docs/tutorial.it-IT.html +++ b/docs/tutorial.it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/tutorial.zh-CN.html b/docs/tutorial.zh-CN.html index 881b766ab2..88a1ab8674 100644 --- a/docs/tutorial.zh-CN.html +++ b/docs/tutorial.zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/two-way-binding-helpers-it-IT.html b/docs/two-way-binding-helpers-it-IT.html index bdcc9963f6..0f3194fa18 100644 --- a/docs/two-way-binding-helpers-it-IT.html +++ b/docs/two-way-binding-helpers-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/two-way-binding-helpers-ja-JP.html b/docs/two-way-binding-helpers-ja-JP.html index da751d1d75..5eaaf83dbc 100644 --- a/docs/two-way-binding-helpers-ja-JP.html +++ b/docs/two-way-binding-helpers-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/two-way-binding-helpers-ko-KR.html b/docs/two-way-binding-helpers-ko-KR.html index d8011e45a1..d9c1b926cd 100644 --- a/docs/two-way-binding-helpers-ko-KR.html +++ b/docs/two-way-binding-helpers-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/two-way-binding-helpers-zh-CN.html b/docs/two-way-binding-helpers-zh-CN.html index f6bd750fb7..5223e914bf 100644 --- a/docs/two-way-binding-helpers-zh-CN.html +++ b/docs/two-way-binding-helpers-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/two-way-binding-helpers.html b/docs/two-way-binding-helpers.html index 1442fd5d03..7ca5cdddc4 100644 --- a/docs/two-way-binding-helpers.html +++ b/docs/two-way-binding-helpers.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/update-it-IT.html b/docs/update-it-IT.html index b6e448d797..10d7314811 100644 --- a/docs/update-it-IT.html +++ b/docs/update-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/update-ja-JP.html b/docs/update-ja-JP.html index 96689b986c..67f5ce1a59 100644 --- a/docs/update-ja-JP.html +++ b/docs/update-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/update-ko-KR.html b/docs/update-ko-KR.html index 7fa6c77a38..04f0d863a8 100644 --- a/docs/update-ko-KR.html +++ b/docs/update-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/update-zh-CN.html b/docs/update-zh-CN.html index cb3d496b2c..c30ed21a5f 100644 --- a/docs/update-zh-CN.html +++ b/docs/update-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/update.html b/docs/update.html index cbffe59a02..adb68bd69e 100644 --- a/docs/update.html +++ b/docs/update.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/videos-it-IT.html b/docs/videos-it-IT.html index f2cca56b95..a67d82bce6 100644 --- a/docs/videos-it-IT.html +++ b/docs/videos-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/videos-ko-KR.html b/docs/videos-ko-KR.html index 54bda7d5d4..0f7321ff55 100644 --- a/docs/videos-ko-KR.html +++ b/docs/videos-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/videos-zh-CN.html b/docs/videos-zh-CN.html index 150e7a460c..30705c6090 100644 --- a/docs/videos-zh-CN.html +++ b/docs/videos-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/videos.html b/docs/videos.html index f3df17638f..2f1006f065 100644 --- a/docs/videos.html +++ b/docs/videos.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/webcomponents.html b/docs/webcomponents.html index 0f0233071d..cb90c73a1c 100644 --- a/docs/webcomponents.html +++ b/docs/webcomponents.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/why-react-de-DE.html b/docs/why-react-de-DE.html index 0b2d525d03..509a2f9c23 100644 --- a/docs/why-react-de-DE.html +++ b/docs/why-react-de-DE.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/why-react-it-IT.html b/docs/why-react-it-IT.html index ea0132e697..bd15887f45 100644 --- a/docs/why-react-it-IT.html +++ b/docs/why-react-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/why-react-ja-JP.html b/docs/why-react-ja-JP.html index 9558ad6e8c..a1068d3619 100644 --- a/docs/why-react-ja-JP.html +++ b/docs/why-react-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/why-react-ko-KR.html b/docs/why-react-ko-KR.html index ba2a26aa71..b96f94e455 100644 --- a/docs/why-react-ko-KR.html +++ b/docs/why-react-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/why-react-zh-CN.html b/docs/why-react-zh-CN.html index b98a11cb47..b34fd7cd86 100644 --- a/docs/why-react-zh-CN.html +++ b/docs/why-react-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/why-react.html b/docs/why-react.html index 4d392b431b..421bf5b338 100644 --- a/docs/why-react.html +++ b/docs/why-react.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/working-with-the-browser-it-IT.html b/docs/working-with-the-browser-it-IT.html index f4d33cd595..4ca538379e 100644 --- a/docs/working-with-the-browser-it-IT.html +++ b/docs/working-with-the-browser-it-IT.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/working-with-the-browser-ja-JP.html b/docs/working-with-the-browser-ja-JP.html index 6782d869d8..007cd2d6b4 100644 --- a/docs/working-with-the-browser-ja-JP.html +++ b/docs/working-with-the-browser-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/working-with-the-browser-ko-KR.html b/docs/working-with-the-browser-ko-KR.html index 975864a7a4..836ffc9d30 100644 --- a/docs/working-with-the-browser-ko-KR.html +++ b/docs/working-with-the-browser-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/working-with-the-browser-zh-CN.html b/docs/working-with-the-browser-zh-CN.html index 929b4f2126..b60b3a46af 100644 --- a/docs/working-with-the-browser-zh-CN.html +++ b/docs/working-with-the-browser-zh-CN.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/docs/working-with-the-browser.html b/docs/working-with-the-browser.html index 166ef152f9..7a348c84a3 100644 --- a/docs/working-with-the-browser.html +++ b/docs/working-with-the-browser.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/children-props-type-ko-KR.html b/tips/children-props-type-ko-KR.html index 808f9332fd..fae9ed242f 100644 --- a/tips/children-props-type-ko-KR.html +++ b/tips/children-props-type-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/children-props-type.html b/tips/children-props-type.html index 30e76afffb..10446fdf0e 100644 --- a/tips/children-props-type.html +++ b/tips/children-props-type.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/children-undefined-ko-KR.html b/tips/children-undefined-ko-KR.html index 012b2f59d9..637c93cae0 100644 --- a/tips/children-undefined-ko-KR.html +++ b/tips/children-undefined-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/children-undefined.html b/tips/children-undefined.html index f0ff77ed4f..65f1599108 100644 --- a/tips/children-undefined.html +++ b/tips/children-undefined.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/communicate-between-components-ko-KR.html b/tips/communicate-between-components-ko-KR.html index c678878c5b..c772d86ad0 100644 --- a/tips/communicate-between-components-ko-KR.html +++ b/tips/communicate-between-components-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/communicate-between-components.html b/tips/communicate-between-components.html index 33d79ac970..f9701a1df1 100644 --- a/tips/communicate-between-components.html +++ b/tips/communicate-between-components.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/componentWillReceiveProps-not-triggered-after-mounting-ko-KR.html b/tips/componentWillReceiveProps-not-triggered-after-mounting-ko-KR.html index 16c64f1e0b..2d499e08e8 100644 --- a/tips/componentWillReceiveProps-not-triggered-after-mounting-ko-KR.html +++ b/tips/componentWillReceiveProps-not-triggered-after-mounting-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/componentWillReceiveProps-not-triggered-after-mounting.html b/tips/componentWillReceiveProps-not-triggered-after-mounting.html index d19f44c84d..a0e6f21534 100644 --- a/tips/componentWillReceiveProps-not-triggered-after-mounting.html +++ b/tips/componentWillReceiveProps-not-triggered-after-mounting.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/controlled-input-null-value-ko-KR.html b/tips/controlled-input-null-value-ko-KR.html index 23fcbaf931..6c99febe15 100644 --- a/tips/controlled-input-null-value-ko-KR.html +++ b/tips/controlled-input-null-value-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/controlled-input-null-value.html b/tips/controlled-input-null-value.html index 998efb391c..99c28871fc 100644 --- a/tips/controlled-input-null-value.html +++ b/tips/controlled-input-null-value.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/dangerously-set-inner-html-ko-KR.html b/tips/dangerously-set-inner-html-ko-KR.html index f1eed96333..3295ae50fb 100644 --- a/tips/dangerously-set-inner-html-ko-KR.html +++ b/tips/dangerously-set-inner-html-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/dangerously-set-inner-html.html b/tips/dangerously-set-inner-html.html index a7261b0776..574cba1eb0 100644 --- a/tips/dangerously-set-inner-html.html +++ b/tips/dangerously-set-inner-html.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/dom-event-listeners-ko-KR.html b/tips/dom-event-listeners-ko-KR.html index 5ffd689383..118b0781a8 100644 --- a/tips/dom-event-listeners-ko-KR.html +++ b/tips/dom-event-listeners-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/dom-event-listeners.html b/tips/dom-event-listeners.html index e74bf2b25b..c8405c2125 100644 --- a/tips/dom-event-listeners.html +++ b/tips/dom-event-listeners.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/expose-component-functions-ko-KR.html b/tips/expose-component-functions-ko-KR.html index cf2a872dd0..c9c2c3cb8f 100644 --- a/tips/expose-component-functions-ko-KR.html +++ b/tips/expose-component-functions-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/expose-component-functions.html b/tips/expose-component-functions.html index a065d70cb0..d7410a136f 100644 --- a/tips/expose-component-functions.html +++ b/tips/expose-component-functions.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/false-in-jsx-ko-KR.html b/tips/false-in-jsx-ko-KR.html index f6e8eeff55..c16a410d83 100644 --- a/tips/false-in-jsx-ko-KR.html +++ b/tips/false-in-jsx-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/false-in-jsx.html b/tips/false-in-jsx.html index 87a1eee9e8..da7eabd935 100644 --- a/tips/false-in-jsx.html +++ b/tips/false-in-jsx.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/if-else-in-JSX-ko-KR.html b/tips/if-else-in-JSX-ko-KR.html index a96130b3ac..8f91b38d2e 100644 --- a/tips/if-else-in-JSX-ko-KR.html +++ b/tips/if-else-in-JSX-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/if-else-in-JSX.html b/tips/if-else-in-JSX.html index e586ab5a88..531bedce7b 100644 --- a/tips/if-else-in-JSX.html +++ b/tips/if-else-in-JSX.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/initial-ajax-ko-KR.html b/tips/initial-ajax-ko-KR.html index a01ca042ca..954bf359d8 100644 --- a/tips/initial-ajax-ko-KR.html +++ b/tips/initial-ajax-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/initial-ajax.html b/tips/initial-ajax.html index 0bffe40f5d..4564f2b70e 100644 --- a/tips/initial-ajax.html +++ b/tips/initial-ajax.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/inline-styles-ko-KR.html b/tips/inline-styles-ko-KR.html index 8311fd1852..a62b0ef58e 100644 --- a/tips/inline-styles-ko-KR.html +++ b/tips/inline-styles-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/inline-styles.html b/tips/inline-styles.html index 2dd14e462a..f49ab7ce21 100644 --- a/tips/inline-styles.html +++ b/tips/inline-styles.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/introduction-ja-JP.html b/tips/introduction-ja-JP.html index e3f80bb260..fdab2c5714 100644 --- a/tips/introduction-ja-JP.html +++ b/tips/introduction-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/introduction-ko-KR.html b/tips/introduction-ko-KR.html index 812639f04b..c9c456fd49 100644 --- a/tips/introduction-ko-KR.html +++ b/tips/introduction-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/introduction.html b/tips/introduction.html index 452be9c6a3..7dbdcb9e26 100644 --- a/tips/introduction.html +++ b/tips/introduction.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/maximum-number-of-jsx-root-nodes-ko-KR.html b/tips/maximum-number-of-jsx-root-nodes-ko-KR.html index f0e9f16623..9b132ada87 100644 --- a/tips/maximum-number-of-jsx-root-nodes-ko-KR.html +++ b/tips/maximum-number-of-jsx-root-nodes-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/maximum-number-of-jsx-root-nodes.html b/tips/maximum-number-of-jsx-root-nodes.html index cafe076879..08813ca93f 100644 --- a/tips/maximum-number-of-jsx-root-nodes.html +++ b/tips/maximum-number-of-jsx-root-nodes.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/props-in-getInitialState-as-anti-pattern-ko-KR.html b/tips/props-in-getInitialState-as-anti-pattern-ko-KR.html index 244b384a15..8d286a3390 100644 --- a/tips/props-in-getInitialState-as-anti-pattern-ko-KR.html +++ b/tips/props-in-getInitialState-as-anti-pattern-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/props-in-getInitialState-as-anti-pattern.html b/tips/props-in-getInitialState-as-anti-pattern.html index fbf06ee48a..d264e8377d 100644 --- a/tips/props-in-getInitialState-as-anti-pattern.html +++ b/tips/props-in-getInitialState-as-anti-pattern.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/references-to-components-ko-KR.html b/tips/references-to-components-ko-KR.html index 014e805c10..98515b5801 100644 --- a/tips/references-to-components-ko-KR.html +++ b/tips/references-to-components-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/references-to-components.html b/tips/references-to-components.html index e00ccd4101..c3e8f66cf8 100644 --- a/tips/references-to-components.html +++ b/tips/references-to-components.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/self-closing-tag-ja-JP.html b/tips/self-closing-tag-ja-JP.html index 119a49f32c..f2d6348256 100644 --- a/tips/self-closing-tag-ja-JP.html +++ b/tips/self-closing-tag-ja-JP.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/self-closing-tag-ko-KR.html b/tips/self-closing-tag-ko-KR.html index d9b6ef0a0c..31b67c1f90 100644 --- a/tips/self-closing-tag-ko-KR.html +++ b/tips/self-closing-tag-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/self-closing-tag.html b/tips/self-closing-tag.html index b8a03277b8..daa9c611ba 100644 --- a/tips/self-closing-tag.html +++ b/tips/self-closing-tag.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/style-props-value-px-ko-KR.html b/tips/style-props-value-px-ko-KR.html index e8d8773fd1..6f340d5836 100644 --- a/tips/style-props-value-px-ko-KR.html +++ b/tips/style-props-value-px-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/style-props-value-px.html b/tips/style-props-value-px.html index aa566d0850..6851b07b71 100644 --- a/tips/style-props-value-px.html +++ b/tips/style-props-value-px.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/use-react-with-other-libraries-ko-KR.html b/tips/use-react-with-other-libraries-ko-KR.html index f1f826d8de..f2901fe028 100644 --- a/tips/use-react-with-other-libraries-ko-KR.html +++ b/tips/use-react-with-other-libraries-ko-KR.html @@ -190,6 +190,22 @@
  • Tooling Integration + +
  • diff --git a/tips/use-react-with-other-libraries.html b/tips/use-react-with-other-libraries.html index f6ea85d67a..d3f4ae1e15 100644 --- a/tips/use-react-with-other-libraries.html +++ b/tips/use-react-with-other-libraries.html @@ -190,6 +190,22 @@
  • Tooling Integration + +