Hello React<\/title>\n <script src=\"https:\/\/fb.me\/react-{{site.react_version}}.js\"><\/script>\n- <script src=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n <div id=\"example\"><\/div>\n- <script type=\"text\/jsx\">\n+ <script type=\"text\/babel\">\n \n \/\/ ** コードをここに書きます！ **\n \ndiff --git a\/docs\/docs\/02-displaying-data.ko-KR.md b\/docs\/docs\/02-displaying-data.ko-KR.md\nindex acc7f3c6b4..2c6141f69c 100644\n--- a\/docs\/docs\/02-displaying-data.ko-KR.md\n+++ b\/docs\/docs\/02-displaying-data.ko-KR.md\n@@ -19,11 +19,11 @@ UI를 가지고 할 수 있는 가장 기초적인 것은 데이터를 표시하\n <meta charset=\"UTF-8\" \/>\n <title>Hello React<\/title>\n <script src=\"https:\/\/fb.me\/react-{{site.react_version}}.js\"><\/script>\n- <script src=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n <div id=\"example\"><\/div>\n- <script type=\"text\/jsx\">\n+ <script type=\"text\/babel\">\n \n \/\/ ** 코드는 여기에 작성하면 됩니다! **\n \ndiff --git a\/docs\/docs\/02-displaying-data.md b\/docs\/docs\/02-displaying-data.md\nindex f4f00123d2..2e9742b3ca 100644\n--- a\/docs\/docs\/02-displaying-data.md\n+++ b\/docs\/docs\/02-displaying-data.md\n@@ -20,11 +20,11 @@ Let's look at a really simple example. Create a `hello-react.html` file with the\n <meta charset=\"UTF-8\" \/>\n <title>Hello React<\/title>\n <script src=\"https:\/\/fb.me\/react-{{site.react_version}}.js\"><\/script>\n- <script src=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n <div id=\"example\"><\/div>\n- <script type=\"text\/jsx\">\n+ <script type=\"text\/babel\">\n \n \/\/ ** Your code goes here! **\n \n@@ -92,11 +92,11 @@ With JSX this becomes:\n \n We've found this has made building React apps easier and designers tend to prefer the syntax, but everyone has their own workflow, so **JSX is not required to use React.**\n \n-JSX is very small. To learn more about it, see [JSX in depth](\/react\/docs\/jsx-in-depth.html). Or see the transform in action in [our live JSX compiler](\/react\/jsx-compiler.html).\n+JSX is very small. To learn more about it, see [JSX in depth](\/react\/docs\/jsx-in-depth.html). Or see the transform in action in [the Babel REPL](https:\/\/babeljs.io\/repl\/).\n \n JSX is similar to HTML, but not exactly the same. See [JSX gotchas](\/react\/docs\/jsx-gotchas.html) for some key differences.\n \n-The easiest way to get started with JSX is to use the in-browser `JSXTransformer`. We strongly recommend that you don't use this in production. You can precompile your code using our command-line [react-tools](https:\/\/www.npmjs.com\/package\/react-tools) package.\n+[Babel exposes a number of ways to get started using JSX](http:\/\/babeljs.io\/docs\/setup\/), ranging from command line tools to Ruby on Rails integrations. Choose the tool that works best for you.\n \n \n ## React without JSX\ndiff --git a\/docs\/docs\/02-displaying-data.zh-CN.md b\/docs\/docs\/02-displaying-data.zh-CN.md\nindex c8bf28a790..c95ff4d1a9 100644\n--- a\/docs\/docs\/02-displaying-data.zh-CN.md\n+++ b\/docs\/docs\/02-displaying-data.zh-CN.md\n@@ -21,11 +21,11 @@ next: jsx-in-depth-zh-CN.html\n <meta charset=\"UTF-8\" \/>\n <title>Hello React<\/title>\n <script src=\"https:\/\/fb.me\/react-{{site.react_version}}.js\"><\/script>\n- <script src=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n <div id=\"example\"><\/div>\n- <script type=\"text\/jsx\">\n+ <script type=\"text\/babel\">\n \n \/\/ ** 在这里替换成你的代码 **\n \ndiff --git a\/docs\/docs\/02.1-jsx-in-depth.md b\/docs\/docs\/02.1-jsx-in-depth.md\nindex eb723fe882..d1c91b8f2a 100644\n--- a\/docs\/docs\/02.1-jsx-in-depth.md\n+++ b\/docs\/docs\/02.1-jsx-in-depth.md\n@@ -82,7 +82,7 @@ var Nav = React.createClass({ });\n var Nav = React.createClass({displayName: \"Nav\", });\n ```\n \n-Use the [JSX Compiler](\/react\/jsx-compiler.html) to try out JSX and see how it\n+Use the [Babel REPL](https:\/\/babeljs.io\/repl\/) to try out JSX and see how it\n desugars into native JavaScript, and the\n [HTML to JSX converter](\/react\/html-jsx.html) to convert your existing HTML to\n JSX.\ndiff --git a\/docs\/docs\/06-transferring-props.md b\/docs\/docs\/06-transferring-props.md\nindex f2f30ace01..70cbe3852f 100644\n--- a\/docs\/docs\/06-transferring-props.md\n+++ b\/docs\/docs\/06-transferring-props.md\n@@ -51,7 +51,7 @@ But what about the `name` prop? Or the `title` prop? Or `onMouseOver`?\n \n > NOTE:\n >\n-> In the example below, the `--harmony ` flag is required as this syntax is an experimental ES7 syntax. If using the in-browser JSX transformer, simply open your script with `<script type=\"text\/jsx;harmony=true\">`. See the [Rest and Spread Properties ...](\/react\/docs\/transferring-props.html#rest-and-spread-properties-...) section below for more details.\n+> The `...` syntax is part of the Object Rest Spread proposal. This proposal is on track to become a standard. See the [Rest and Spread Properties ...](\/react\/docs\/transferring-props.html#rest-and-spread-properties-...) section below for more details.\n \n Sometimes it's fragile and tedious to pass every property along. In that case you can use [destructuring assignment](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Operators\/Destructuring_assignment) with rest properties to extract a set of unknown properties.\n \n@@ -143,7 +143,7 @@ z; \/\/ { a: 3, b: 4 }\n \n > Note:\n >\n-> Use the [JSX command-line tool](https:\/\/www.npmjs.com\/package\/react-tools) with the `--harmony` flag to activate the experimental ES7 syntax.\n+> This proposal has reached stage 2 and is now enabled by default in Babel. Older versions of Babel may need to explicitly enable this transform with `babel --optional es7.objectRestSpread`\n \n ## Transferring with Underscore\n \ndiff --git a\/docs\/docs\/getting-started.ja-JP.md b\/docs\/docs\/getting-started.ja-JP.md\nindex c5f8fef071..ed54dccf55 100644\n--- a\/docs\/docs\/getting-started.ja-JP.md\n+++ b\/docs\/docs\/getting-started.ja-JP.md\n@@ -32,11 +32,11 @@ React でのハッキングを始めるにあたり、一番簡単なものと\n <meta charset=\"UTF-8\" \/>\n <title>Hello React!<\/title>\n <script src=\"build\/react.js\"><\/script>\n- <script src=\"build\/JSXTransformer.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n <div id=\"example\"><\/div>\n- <script type=\"text\/jsx\">\n+ <script type=\"text\/babel\">\n React.render(\n <h1>Hello, world!<\/h1>,\n document.getElementById('example')\n@@ -62,7 +62,7 @@ React.render(\n それが終わったら、`helloworld.js` への参照を `helloworld.html` に書き込みましょう。\n \n ```html{10}\n-<script type=\"text\/jsx\" src=\"src\/helloworld.js\"><\/script>\n+<script type=\"text\/babel\" src=\"src\/helloworld.js\"><\/script>\n ```\n \n ### オフラインでの変換\n@@ -99,7 +99,7 @@ React.render(\n <meta charset=\"UTF-8\" \/>\n <title>Hello React!<\/title>\n <script src=\"build\/react.js\"><\/script>\n- \n+ \n <\/head>\n <body>\n <div id=\"example\"><\/div>\ndiff --git a\/docs\/docs\/getting-started.ko-KR.md b\/docs\/docs\/getting-started.ko-KR.md\nindex 81d68aa6ad..ec120b9e2b 100644\n--- a\/docs\/docs\/getting-started.ko-KR.md\n+++ b\/docs\/docs\/getting-started.ko-KR.md\n@@ -32,11 +32,11 @@ React를 시작하는 가장 빠른 방법은 다음의 Hello World JSFiddle 예\n <meta charset=\"UTF-8\" \/>\n <title>Hello React!<\/title>\n <script src=\"build\/react.js\"><\/script>\n- <script src=\"build\/JSXTransformer.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n <div id=\"example\"><\/div>\n- <script type=\"text\/jsx\">\n+ <script type=\"text\/babel\">\n React.render(\n <h1>Hello, world!<\/h1>,\n document.getElementById('example')\n@@ -62,7 +62,7 @@ React.render(\n 그다음 `helloworld.html`에서 참조합니다:\n \n ```html{10}\n-<script type=\"text\/jsx\" src=\"src\/helloworld.js\"><\/script>\n+<script type=\"text\/babel\" src=\"src\/helloworld.js\"><\/script>\n ```\n \n 크롬 같은 몇몇 브라우저에서는 HTTP를 통해 제공되는 파일이 아니면 로드에 실패하므로 주의하세요.\n@@ -99,7 +99,7 @@ React.render(\n <meta charset=\"UTF-8\" \/>\n <title>Hello React!<\/title>\n <script src=\"build\/react.js\"><\/script>\n- \n+ \n <\/head>\n <body>\n <div id=\"example\"><\/div>\ndiff --git a\/docs\/docs\/getting-started.md b\/docs\/docs\/getting-started.md\nindex 40049bbf9d..e8f9c2da05 100644\n--- a\/docs\/docs\/getting-started.md\n+++ b\/docs\/docs\/getting-started.md\n@@ -31,11 +31,11 @@ In the root directory of the starter kit, create a `helloworld.html` with the fo\n <meta charset=\"UTF-8\" \/>\n <title>Hello React!<\/title>\n <script src=\"build\/react.js\"><\/script>\n- <script src=\"build\/JSXTransformer.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n <div id=\"example\"><\/div>\n- <script type=\"text\/jsx\">\n+ <script type=\"text\/babel\">\n React.render(\n <h1>Hello, world!<\/h1>,\n document.getElementById('example')\n@@ -45,7 +45,7 @@ In the root directory of the starter kit, create a `helloworld.html` with the fo\n <\/html>\n ```\n \n-The XML syntax inside of JavaScript is called JSX; check out the [JSX syntax](\/react\/docs\/jsx-in-depth.html) to learn more about it. In order to translate it to vanilla JavaScript we use `<script type=\"text\/jsx\">` and include `JSXTransformer.js` to actually perform the transformation in the browser.\n+The XML syntax inside of JavaScript is called JSX; check out the [JSX syntax](\/react\/docs\/jsx-in-depth.html) to learn more about it. In order to translate it to vanilla JavaScript we use `<script type=\"text\/babel\">` and include Babel to actually perform the transformation in the browser.\n \n ### Separate File\n \n@@ -61,27 +61,27 @@ React.render(\n Then reference it from `helloworld.html`:\n \n ```html{10}\n-<script type=\"text\/jsx\" src=\"src\/helloworld.js\"><\/script>\n+<script type=\"text\/babel\" src=\"src\/helloworld.js\"><\/script>\n ```\n \n Note that some browsers (Chrome, e.g.) will fail to load the file unless it's served via HTTP.\n \n ### Offline Transform\n \n-First install the command-line tools (requires [npm](https:\/\/www.npmjs.com\/)):\n+First install the [Babel](http:\/\/babeljs.io\/) command-line tools (requires [npm](https:\/\/www.npmjs.com\/)):\n \n ```\n-npm install -g react-tools\n+npm install --global babel\n ```\n \n Then, translate your `src\/helloworld.js` file to plain JavaScript:\n \n ```\n-jsx --watch src\/ build\/\n+babel src --watch --out-dir build\n \n ```\n \n-The file `build\/helloworld.js` is autogenerated whenever you make a change.\n+The file `build\/helloworld.js` is autogenerated whenever you make a change. Read the [Babel CLI documentation](http:\/\/babeljs.io\/docs\/usage\/cli\/) for more advanced usage.\n \n ```javascript{2}\n React.render(\n@@ -100,7 +100,7 @@ Update your HTML file as below:\n <meta charset=\"UTF-8\" \/>\n <title>Hello React!<\/title>\n <script src=\"build\/react.js\"><\/script>\n- \n+ \n <\/head>\n <body>\n <div id=\"example\"><\/div>\ndiff --git a\/docs\/docs\/getting-started.zh-CN.md b\/docs\/docs\/getting-started.zh-CN.md\nindex 9b2961bfe1..3bdd850cdc 100644\n--- a\/docs\/docs\/getting-started.zh-CN.md\n+++ b\/docs\/docs\/getting-started.zh-CN.md\n@@ -32,11 +32,11 @@ redirect_from: \"docs\/index-zh-CN.html\"\n <meta charset=\"UTF-8\" \/>\n <title>Hello React!<\/title>\n <script src=\"build\/react.js\"><\/script>\n- <script src=\"build\/JSXTransformer.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n <div id=\"example\"><\/div>\n- <script type=\"text\/jsx\">\n+ <script type=\"text\/babel\">\n React.render(\n <h1>Hello, world!<\/h1>,\n document.getElementById('example')\n@@ -62,7 +62,7 @@ React.render(\n 然后在 `helloworld.html` 引用该文件：\n \n ```html{10}\n-<script type=\"text\/jsx\" src=\"src\/helloworld.js\"><\/script>\n+<script type=\"text\/babel\" src=\"src\/helloworld.js\"><\/script>\n ```\n \n ### 离线转换\n@@ -98,7 +98,7 @@ React.render(\n <meta charset=\"UTF-8\" \/>\n <title>Hello React!<\/title>\n <script src=\"build\/react.js\"><\/script>\n- \n+ \n <\/head>\n <body>\n <div id=\"example\"><\/div>\ndiff --git a\/docs\/docs\/tutorial.ja-JP.md b\/docs\/docs\/tutorial.ja-JP.md\nindex 2856f7d83f..932e56dc4b 100644\n--- a\/docs\/docs\/tutorial.ja-JP.md\n+++ b\/docs\/docs\/tutorial.ja-JP.md\n@@ -42,12 +42,12 @@ next: thinking-in-react-ja-JP.html\n <meta charset=\"UTF-8\" \/>\n <title>Hello React<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n- <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n <\/head>\n <body>\n <div id=\"content\"><\/div>\n- <script type=\"text\/jsx\">\n+ <script type=\"text\/babel\">\n \/\/ ここにコードが入ります\n <\/script>\n <\/body>\n@@ -223,7 +223,7 @@ Markdown はインラインでテキストをフォーマットする簡単な\n <meta charset=\"UTF-8\" \/>\n <title>Hello React<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n- <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/marked\/0.3.2\/marked.min.js\"><\/script>\n <\/head>\ndiff --git a\/docs\/docs\/tutorial.ko-KR.md b\/docs\/docs\/tutorial.ko-KR.md\nindex d394d77bfd..0ed9415a64 100644\n--- a\/docs\/docs\/tutorial.ko-KR.md\n+++ b\/docs\/docs\/tutorial.ko-KR.md\n@@ -42,12 +42,12 @@ next: thinking-in-react-ko-KR.html\n <meta charset=\"UTF-8\" \/>\n <title>Hello React<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n- <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n <\/head>\n <body>\n <div id=\"content\"><\/div>\n- <script type=\"text\/jsx\">\n+ <script type=\"text\/babel\">\n \/\/ 여기에 코드를 작성합니다\n <\/script>\n <\/body>\n@@ -226,7 +226,7 @@ Markdown은 텍스트를 포맷팅하는 간단한 방식입니다. 예를 들\n <meta charset=\"UTF-8\" \/>\n <title>Hello React<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n- <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/marked\/0.3.2\/marked.min.js\"><\/script>\n <\/head>\ndiff --git a\/docs\/docs\/tutorial.md b\/docs\/docs\/tutorial.md\nindex a4cef86f8f..0c405841c5 100644\n--- a\/docs\/docs\/tutorial.md\n+++ b\/docs\/docs\/tutorial.md\n@@ -41,13 +41,13 @@ For this tutorial, we're going to make it as easy as possible. Included in the s\n <meta charset=\"utf-8\" \/>\n <title>React Tutorial<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n- <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n <\/head>\n <body>\n <div id=\"content\"><\/div>\n- <script type=\"text\/jsx;harmony=true\" src=\"scripts\/example.js\"><\/script>\n- <script type=\"text\/jsx;harmony=true\">\n+ <script type=\"text\/babel\" src=\"scripts\/example.js\"><\/script>\n+ <script type=\"text\/babel\">\n \/\/ To get started with this tutorial running your own code, simply remove\n \/\/ the script tag loading scripts\/example.js and start writing code here.\n <\/script>\n@@ -226,7 +226,7 @@ First, add the third-party library **marked** to your application. This is a Jav\n <meta charset=\"utf-8\" \/>\n <title>React Tutorial<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n- <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+ <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/marked\/0.3.2\/marked.min.js\"><\/script>\n <\/head>\ndiff --git a\/docs\/downloads.md b\/docs\/downloads.md\nindex 6b8f61bf16..eb5da226e8 100644\n--- a\/docs\/downloads.md\n+++ b\/docs\/downloads.md\n@@ -48,25 +48,10 @@ The compressed, production version of React with [add-ons](\/react\/docs\/addons.ht\n <script src=\"https:\/\/fb.me\/react-with-addons-{{site.react_version}}.min.js\"><\/script>\n ```\n \n-#### <a href=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\">JSX Transformer<\/a>\n-The JSX transformer used to support [XML syntax](\/react\/docs\/jsx-in-depth.html) in JavaScript.\n-\n-```html\n-<script src=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\"><\/script>\n-```\n-\n All scripts are also available via [CDNJS](https:\/\/cdnjs.com\/libraries\/react\/).\n \n ## npm\n \n-To install the JSX transformer on your computer, run:\n-\n-```sh\n-$ npm install -g react-tools\n-```\n-\n-For more info about the `jsx` binary, see the [Getting Started](\/react\/docs\/getting-started.html#offline-transform) guide.\n-\n If you're using an npm-compatible packaging system like browserify or webpack, you can use the `react` package. After installing it using `npm install react` or adding `react` to `package.json`, you can use React:\n \n ```js\ndiff --git a\/docs\/jsx-compiler.md b\/docs\/jsx-compiler.md\nindex 3c0482f178..bcfa64302c 100644\n--- a\/docs\/jsx-compiler.md\n+++ b\/docs\/jsx-compiler.md\n@@ -1,14 +1,9 @@\n ---\n-layout: default\n+layout: single\n title: JSX Compiler Service\n id: jsx-compiler\n ---\n-<div class=\"jsxCompiler\">\n- <h1>JSX Compiler<\/h1>\n- <p>\n- This tool demonstrates how <a href=\"\/react\/docs\/jsx-in-depth.html\">JSX syntax<\/a>\n- is desugared into native JavaScript.\n- <\/p>\n- <div id=\"jsxCompiler\"><\/div>\n- <script src=\"js\/jsx-compiler.js\"><\/script>\n-<\/div>\n+\n+**_This tool has been removed as JSXTransformer has been deprecated._**\n+\n+We recommend using another tool such as [the Babel REPL](https:\/\/babeljs.io\/repl\/).\ndiff --git a\/docs\/tips\/03-if-else-in-JSX.md b\/docs\/tips\/03-if-else-in-JSX.md\nindex 024dfb5cd5..f659b423d1 100644\n--- a\/docs\/tips\/03-if-else-in-JSX.md\n+++ b\/docs\/tips\/03-if-else-in-JSX.md\n@@ -78,4 +78,4 @@ return (\n >\n > In the example above, an ES6 [arrow function](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Functions\/Arrow_functions) is utilized to lexically bind the value of `this`.\n \n-Try using it today with the [JSX compiler](\/react\/jsx-compiler.html).\n+Try using it today with the [Babel REPL](https:\/\/babeljs.io\/repl\/).\n","commit":{"revision":"d3d2504e72774c4a1fd9d508aff2d1c2d0611695","authorName":"Paul O’Shannessy","authorEmail":"paul@oshannessy.com","shortRevision":"d3d2504e72","subject":"Merge pull request #4846 from zpao\/docs-use-babel","authoredAt":"2015-09-25T20:06:47-07:00"},"files":[{"status":"D","path":"docs\/_js\/jsx-compiler.js"},{"status":"M","path":"docs\/css\/react.scss"},{"status":"M","path":"docs\/docs\/02-displaying-data.ja-JP.md"},{"status":"M","path":"docs\/docs\/02-displaying-data.ko-KR.md"},{"status":"M","path":"docs\/docs\/02-displaying-data.md"},{"status":"M","path":"docs\/docs\/02-displaying-data.zh-CN.md"},{"status":"M","path":"docs\/docs\/02.1-jsx-in-depth.md"},{"status":"M","path":"docs\/docs\/06-transferring-props.md"},{"status":"M","path":"docs\/docs\/getting-started.ja-JP.md"},{"status":"M","path":"docs\/docs\/getting-started.ko-KR.md"},{"status":"M","path":"docs\/docs\/getting-started.md"},{"status":"M","path":"docs\/docs\/getting-started.zh-CN.md"},{"status":"M","path":"docs\/docs\/tutorial.ja-JP.md"},{"status":"M","path":"docs\/docs\/tutorial.ko-KR.md"},{"status":"M","path":"docs\/docs\/tutorial.md"},{"status":"M","path":"docs\/downloads.md"},{"status":"M","path":"docs\/jsx-compiler.md"},{"status":"M","path":"docs\/tips\/03-if-else-in-JSX.md"}]}</article></body></html>

{"body":"[docs] Remove references to react-tools, JSXTransformer, replace with Babel.","parents":["6ff4ba951208f3fc004b5d4e59236ca682b66a30","105554fe5c37a9ee2bc0f408266a6a6848abb264"],"patch":"diff --git a\/docs\/_js\/jsx-compiler.js b\/docs\/_js\/jsx-compiler.js\ndeleted file mode 100644\nindex bd1f2d8a1c..0000000000\n--- a\/docs\/_js\/jsx-compiler.js\n+++ \/dev\/null\n@@ -1,46 +0,0 @@\n-var HELLO_COMPONENT = \"\\\n-var HelloMessage = React.createClass({\\n\\\n- render: function() {\\n\\\n- return

Hello {this.props.name}<\/div>;\\n\\\n- }\\n\\\n-});\\n\\\n-\\n\\\n-React.render(, mountNode);\\\n-\";\n-\n-function transformer(harmony, code) {\n- return JSXTransformer.transform(code, {harmony: harmony}).code;\n-}\n-\n-var CompilerPlayground = React.createClass({\n- getInitialState: function() {\n- return {harmony: false};\n- },\n- handleHarmonyChange: function(e) {\n- this.setState({harmony: e.target.checked});\n- },\n- render: function() {\n- return (\n-

\n- \n- \n- {' '}\n- Enable ES6 transforms (

--harmony<\/code>)\n-        <\/label>\n-      <\/div>\n-    );\n-  }\n-});\n-React.render(\n-  ,\n-  document.getElementById('jsxCompiler')\n-);\ndiff --git a\/docs\/css\/react.scss b\/docs\/css\/react.scss\nindex 75df4d3e6b..3400c9af9a 100644\n--- a\/docs\/css\/react.scss\n+++ b\/docs\/css\/react.scss\n@@ -481,38 +481,6 @@ section.black content {\n   padding-bottom: 40px;\n }\n \n-\/* JSX Compiler *\/\n-\n-.jsxCompiler {\n-  margin: 0 auto;\n-  padding-top: 20px;\n-  width: 1220px;\n-\n-  label.compiler-option {\n-    display: block;\n-    margin-top: 5px;\n-  }\n-\n-  #jsxCompiler {\n-    margin-top: 20px;\n-  }\n-\n-  .playgroundPreview {\n-    padding: 0;\n-    width: 600px;\n-\n-    pre {\n-      @include code-typography;\n-    }\n-  }\n-\n-  .playgroundError {\n-    \/\/ The compiler view kills padding in order to render the CodeMirror code\n-    \/\/ more nicely. For the error view, put a padding back\n-    padding: 15px 20px;\n-  }\n-}\n-\n \/* Button *\/\n \n .button {\ndiff --git a\/docs\/docs\/02-displaying-data.ja-JP.md b\/docs\/docs\/02-displaying-data.ja-JP.md\nindex ef946dcb60..47e860e2a1 100644\n--- a\/docs\/docs\/02-displaying-data.ja-JP.md\n+++ b\/docs\/docs\/02-displaying-data.ja-JP.md\n@@ -20,11 +20,11 @@ UIについて、最も基本的なことは、いくつかのデータを表示\n     \n     Hello React<\/title>\n     <script src=\"https:\/\/fb.me\/react-{{site.react_version}}.js\"><\/script>\n-    <script src=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\"><\/script>\n+    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\n-    <script type=\"text\/jsx\">\n+    <script type=\"text\/babel\">\n \n       \/\/ ** コードをここに書きます！ **\n \ndiff --git a\/docs\/docs\/02-displaying-data.ko-KR.md b\/docs\/docs\/02-displaying-data.ko-KR.md\nindex acc7f3c6b4..2c6141f69c 100644\n--- a\/docs\/docs\/02-displaying-data.ko-KR.md\n+++ b\/docs\/docs\/02-displaying-data.ko-KR.md\n@@ -19,11 +19,11 @@ UI를 가지고 할 수 있는 가장 기초적인 것은 데이터를 표시하\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React<\/title>\n     <script src=\"https:\/\/fb.me\/react-{{site.react_version}}.js\"><\/script>\n-    <script src=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\"><\/script>\n+    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\n-    <script type=\"text\/jsx\">\n+    <script type=\"text\/babel\">\n \n       \/\/ ** 코드는 여기에 작성하면 됩니다! **\n \ndiff --git a\/docs\/docs\/02-displaying-data.md b\/docs\/docs\/02-displaying-data.md\nindex f4f00123d2..2e9742b3ca 100644\n--- a\/docs\/docs\/02-displaying-data.md\n+++ b\/docs\/docs\/02-displaying-data.md\n@@ -20,11 +20,11 @@ Let's look at a really simple example. Create a `hello-react.html` file with the\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React<\/title>\n     <script src=\"https:\/\/fb.me\/react-{{site.react_version}}.js\"><\/script>\n-    <script src=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\"><\/script>\n+    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\n-    <script type=\"text\/jsx\">\n+    <script type=\"text\/babel\">\n \n       \/\/ ** Your code goes here! **\n \n@@ -92,11 +92,11 @@ With JSX this becomes:\n \n We've found this has made building React apps easier and designers tend to prefer the syntax, but everyone has their own workflow, so **JSX is not required to use React.**\n \n-JSX is very small. To learn more about it, see [JSX in depth](\/react\/docs\/jsx-in-depth.html). Or see the transform in action in [our live JSX compiler](\/react\/jsx-compiler.html).\n+JSX is very small. To learn more about it, see [JSX in depth](\/react\/docs\/jsx-in-depth.html). Or see the transform in action in [the Babel REPL](https:\/\/babeljs.io\/repl\/).\n \n JSX is similar to HTML, but not exactly the same. See [JSX gotchas](\/react\/docs\/jsx-gotchas.html) for some key differences.\n \n-The easiest way to get started with JSX is to use the in-browser `JSXTransformer`. We strongly recommend that you don't use this in production. You can precompile your code using our command-line [react-tools](https:\/\/www.npmjs.com\/package\/react-tools) package.\n+[Babel exposes a number of ways to get started using JSX](http:\/\/babeljs.io\/docs\/setup\/), ranging from command line tools to Ruby on Rails integrations. Choose the tool that works best for you.\n \n \n ## React without JSX\ndiff --git a\/docs\/docs\/02-displaying-data.zh-CN.md b\/docs\/docs\/02-displaying-data.zh-CN.md\nindex c8bf28a790..c95ff4d1a9 100644\n--- a\/docs\/docs\/02-displaying-data.zh-CN.md\n+++ b\/docs\/docs\/02-displaying-data.zh-CN.md\n@@ -21,11 +21,11 @@ next: jsx-in-depth-zh-CN.html\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React<\/title>\n     <script src=\"https:\/\/fb.me\/react-{{site.react_version}}.js\"><\/script>\n-    <script src=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\"><\/script>\n+    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\n-    <script type=\"text\/jsx\">\n+    <script type=\"text\/babel\">\n \n       \/\/ ** 在这里替换成你的代码 **\n \ndiff --git a\/docs\/docs\/02.1-jsx-in-depth.md b\/docs\/docs\/02.1-jsx-in-depth.md\nindex eb723fe882..d1c91b8f2a 100644\n--- a\/docs\/docs\/02.1-jsx-in-depth.md\n+++ b\/docs\/docs\/02.1-jsx-in-depth.md\n@@ -82,7 +82,7 @@ var Nav = React.createClass({ });\n var Nav = React.createClass({displayName: \"Nav\", });\n ```\n \n-Use the [JSX Compiler](\/react\/jsx-compiler.html) to try out JSX and see how it\n+Use the [Babel REPL](https:\/\/babeljs.io\/repl\/) to try out JSX and see how it\n desugars into native JavaScript, and the\n [HTML to JSX converter](\/react\/html-jsx.html) to convert your existing HTML to\n JSX.\ndiff --git a\/docs\/docs\/06-transferring-props.md b\/docs\/docs\/06-transferring-props.md\nindex f2f30ace01..70cbe3852f 100644\n--- a\/docs\/docs\/06-transferring-props.md\n+++ b\/docs\/docs\/06-transferring-props.md\n@@ -51,7 +51,7 @@ But what about the `name` prop? Or the `title` prop? Or `onMouseOver`?\n \n > NOTE:\n >\n-> In the example below, the `--harmony ` flag is required as this syntax is an experimental ES7 syntax. If using the in-browser JSX transformer, simply open your script with `<script type=\"text\/jsx;harmony=true\">`. See the [Rest and Spread Properties ...](\/react\/docs\/transferring-props.html#rest-and-spread-properties-...) section below for more details.\n+> The `...` syntax is part of the Object Rest Spread proposal. This proposal is on track to become a standard. See the [Rest and Spread Properties ...](\/react\/docs\/transferring-props.html#rest-and-spread-properties-...) section below for more details.\n \n Sometimes it's fragile and tedious to pass every property along. In that case you can use [destructuring assignment](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Operators\/Destructuring_assignment) with rest properties to extract a set of unknown properties.\n \n@@ -143,7 +143,7 @@ z; \/\/ { a: 3, b: 4 }\n \n > Note:\n >\n-> Use the [JSX command-line tool](https:\/\/www.npmjs.com\/package\/react-tools) with the `--harmony` flag to activate the experimental ES7 syntax.\n+> This proposal has reached stage 2 and is now enabled by default in Babel. Older versions of Babel may need to explicitly enable this transform with `babel --optional es7.objectRestSpread`\n \n ## Transferring with Underscore\n \ndiff --git a\/docs\/docs\/getting-started.ja-JP.md b\/docs\/docs\/getting-started.ja-JP.md\nindex c5f8fef071..ed54dccf55 100644\n--- a\/docs\/docs\/getting-started.ja-JP.md\n+++ b\/docs\/docs\/getting-started.ja-JP.md\n@@ -32,11 +32,11 @@ React でのハッキングを始めるにあたり、一番簡単なものと\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React!<\/title>\n     <script src=\"build\/react.js\"><\/script>\n-    <script src=\"build\/JSXTransformer.js\"><\/script>\n+    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\n-    <script type=\"text\/jsx\">\n+    <script type=\"text\/babel\">\n       React.render(\n         <h1>Hello, world!<\/h1>,\n         document.getElementById('example')\n@@ -62,7 +62,7 @@ React.render(\n それが終わったら、`helloworld.js` への参照を `helloworld.html` に書き込みましょう。\n \n ```html{10}\n-<script type=\"text\/jsx\" src=\"src\/helloworld.js\"><\/script>\n+<script type=\"text\/babel\" src=\"src\/helloworld.js\"><\/script>\n ```\n \n ### オフラインでの変換\n@@ -99,7 +99,7 @@ React.render(\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React!<\/title>\n     <script src=\"build\/react.js\"><\/script>\n-    <!-- JSXTransformer は必要ありません！ -->\n+    <!-- Babel は必要ありません！ -->\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\ndiff --git a\/docs\/docs\/getting-started.ko-KR.md b\/docs\/docs\/getting-started.ko-KR.md\nindex 81d68aa6ad..ec120b9e2b 100644\n--- a\/docs\/docs\/getting-started.ko-KR.md\n+++ b\/docs\/docs\/getting-started.ko-KR.md\n@@ -32,11 +32,11 @@ React를 시작하는 가장 빠른 방법은 다음의 Hello World JSFiddle 예\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React!<\/title>\n     <script src=\"build\/react.js\"><\/script>\n-    <script src=\"build\/JSXTransformer.js\"><\/script>\n+    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\n-    <script type=\"text\/jsx\">\n+    <script type=\"text\/babel\">\n       React.render(\n         <h1>Hello, world!<\/h1>,\n         document.getElementById('example')\n@@ -62,7 +62,7 @@ React.render(\n 그다음 `helloworld.html`에서 참조합니다:\n \n ```html{10}\n-<script type=\"text\/jsx\" src=\"src\/helloworld.js\"><\/script>\n+<script type=\"text\/babel\" src=\"src\/helloworld.js\"><\/script>\n ```\n \n 크롬 같은 몇몇 브라우저에서는 HTTP를 통해 제공되는 파일이 아니면 로드에 실패하므로 주의하세요.\n@@ -99,7 +99,7 @@ React.render(\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React!<\/title>\n     <script src=\"build\/react.js\"><\/script>\n-    <!-- JSXTransformer는 이제 불필요합니다! -->\n+    <!-- Babel는 이제 불필요합니다! -->\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\ndiff --git a\/docs\/docs\/getting-started.md b\/docs\/docs\/getting-started.md\nindex 40049bbf9d..e8f9c2da05 100644\n--- a\/docs\/docs\/getting-started.md\n+++ b\/docs\/docs\/getting-started.md\n@@ -31,11 +31,11 @@ In the root directory of the starter kit, create a `helloworld.html` with the fo\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React!<\/title>\n     <script src=\"build\/react.js\"><\/script>\n-    <script src=\"build\/JSXTransformer.js\"><\/script>\n+    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\n-    <script type=\"text\/jsx\">\n+    <script type=\"text\/babel\">\n       React.render(\n         <h1>Hello, world!<\/h1>,\n         document.getElementById('example')\n@@ -45,7 +45,7 @@ In the root directory of the starter kit, create a `helloworld.html` with the fo\n <\/html>\n ```\n \n-The XML syntax inside of JavaScript is called JSX; check out the [JSX syntax](\/react\/docs\/jsx-in-depth.html) to learn more about it. In order to translate it to vanilla JavaScript we use `<script type=\"text\/jsx\">` and include `JSXTransformer.js` to actually perform the transformation in the browser.\n+The XML syntax inside of JavaScript is called JSX; check out the [JSX syntax](\/react\/docs\/jsx-in-depth.html) to learn more about it. In order to translate it to vanilla JavaScript we use `<script type=\"text\/babel\">` and include Babel to actually perform the transformation in the browser.\n \n ### Separate File\n \n@@ -61,27 +61,27 @@ React.render(\n Then reference it from `helloworld.html`:\n \n ```html{10}\n-<script type=\"text\/jsx\" src=\"src\/helloworld.js\"><\/script>\n+<script type=\"text\/babel\" src=\"src\/helloworld.js\"><\/script>\n ```\n \n Note that some browsers (Chrome, e.g.) will fail to load the file unless it's served via HTTP.\n \n ### Offline Transform\n \n-First install the command-line tools (requires [npm](https:\/\/www.npmjs.com\/)):\n+First install the [Babel](http:\/\/babeljs.io\/) command-line tools (requires [npm](https:\/\/www.npmjs.com\/)):\n \n ```\n-npm install -g react-tools\n+npm install --global babel\n ```\n \n Then, translate your `src\/helloworld.js` file to plain JavaScript:\n \n ```\n-jsx --watch src\/ build\/\n+babel src --watch --out-dir build\n \n ```\n \n-The file `build\/helloworld.js` is autogenerated whenever you make a change.\n+The file `build\/helloworld.js` is autogenerated whenever you make a change. Read the [Babel CLI documentation](http:\/\/babeljs.io\/docs\/usage\/cli\/) for more advanced usage.\n \n ```javascript{2}\n React.render(\n@@ -100,7 +100,7 @@ Update your HTML file as below:\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React!<\/title>\n     <script src=\"build\/react.js\"><\/script>\n-    <!-- No need for JSXTransformer! -->\n+    <!-- No need for Babel! -->\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\ndiff --git a\/docs\/docs\/getting-started.zh-CN.md b\/docs\/docs\/getting-started.zh-CN.md\nindex 9b2961bfe1..3bdd850cdc 100644\n--- a\/docs\/docs\/getting-started.zh-CN.md\n+++ b\/docs\/docs\/getting-started.zh-CN.md\n@@ -32,11 +32,11 @@ redirect_from: \"docs\/index-zh-CN.html\"\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React!<\/title>\n     <script src=\"build\/react.js\"><\/script>\n-    <script src=\"build\/JSXTransformer.js\"><\/script>\n+    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\n-    <script type=\"text\/jsx\">\n+    <script type=\"text\/babel\">\n       React.render(\n         <h1>Hello, world!<\/h1>,\n         document.getElementById('example')\n@@ -62,7 +62,7 @@ React.render(\n 然后在 `helloworld.html` 引用该文件：\n \n ```html{10}\n-<script type=\"text\/jsx\" src=\"src\/helloworld.js\"><\/script>\n+<script type=\"text\/babel\" src=\"src\/helloworld.js\"><\/script>\n ```\n \n ### 离线转换\n@@ -98,7 +98,7 @@ React.render(\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React!<\/title>\n     <script src=\"build\/react.js\"><\/script>\n-    <!-- 不需要 JSXTransformer！ -->\n+    <!-- 不需要 Babel！ -->\n   <\/head>\n   <body>\n     <div id=\"example\"><\/div>\ndiff --git a\/docs\/docs\/tutorial.ja-JP.md b\/docs\/docs\/tutorial.ja-JP.md\nindex 2856f7d83f..932e56dc4b 100644\n--- a\/docs\/docs\/tutorial.ja-JP.md\n+++ b\/docs\/docs\/tutorial.ja-JP.md\n@@ -42,12 +42,12 @@ next: thinking-in-react-ja-JP.html\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React<\/title>\n     <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n-    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n     <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"content\"><\/div>\n-    <script type=\"text\/jsx\">\n+    <script type=\"text\/babel\">\n       \/\/ ここにコードが入ります\n     <\/script>\n   <\/body>\n@@ -223,7 +223,7 @@ Markdown はインラインでテキストをフォーマットする簡単な\n   <meta charset=\"UTF-8\" \/>\n   <title>Hello React<\/title>\n   <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n-  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n   <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n   <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/marked\/0.3.2\/marked.min.js\"><\/script>\n <\/head>\ndiff --git a\/docs\/docs\/tutorial.ko-KR.md b\/docs\/docs\/tutorial.ko-KR.md\nindex d394d77bfd..0ed9415a64 100644\n--- a\/docs\/docs\/tutorial.ko-KR.md\n+++ b\/docs\/docs\/tutorial.ko-KR.md\n@@ -42,12 +42,12 @@ next: thinking-in-react-ko-KR.html\n     <meta charset=\"UTF-8\" \/>\n     <title>Hello React<\/title>\n     <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n-    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n     <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"content\"><\/div>\n-    <script type=\"text\/jsx\">\n+    <script type=\"text\/babel\">\n       \/\/ 여기에 코드를 작성합니다\n     <\/script>\n   <\/body>\n@@ -226,7 +226,7 @@ Markdown은 텍스트를 포맷팅하는 간단한 방식입니다. 예를 들\n   <meta charset=\"UTF-8\" \/>\n   <title>Hello React<\/title>\n   <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n-  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n   <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n   <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/marked\/0.3.2\/marked.min.js\"><\/script>\n <\/head>\ndiff --git a\/docs\/docs\/tutorial.md b\/docs\/docs\/tutorial.md\nindex a4cef86f8f..0c405841c5 100644\n--- a\/docs\/docs\/tutorial.md\n+++ b\/docs\/docs\/tutorial.md\n@@ -41,13 +41,13 @@ For this tutorial, we're going to make it as easy as possible. Included in the s\n     <meta charset=\"utf-8\" \/>\n     <title>React Tutorial<\/title>\n     <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n-    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n     <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"content\"><\/div>\n-    <script type=\"text\/jsx;harmony=true\" src=\"scripts\/example.js\"><\/script>\n-    <script type=\"text\/jsx;harmony=true\">\n+    <script type=\"text\/babel\" src=\"scripts\/example.js\"><\/script>\n+    <script type=\"text\/babel\">\n       \/\/ To get started with this tutorial running your own code, simply remove\n       \/\/ the script tag loading scripts\/example.js and start writing code here.\n     <\/script>\n@@ -226,7 +226,7 @@ First, add the third-party library **marked** to your application. This is a Jav\n   <meta charset=\"utf-8\" \/>\n   <title>React Tutorial<\/title>\n   <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/react.js\"><\/script>\n-  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/{{site.react_version}}\/JSXTransformer.js\"><\/script>\n+  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n   <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n   <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/marked\/0.3.2\/marked.min.js\"><\/script>\n <\/head>\ndiff --git a\/docs\/downloads.md b\/docs\/downloads.md\nindex 6b8f61bf16..eb5da226e8 100644\n--- a\/docs\/downloads.md\n+++ b\/docs\/downloads.md\n@@ -48,25 +48,10 @@ The compressed, production version of React with [add-ons](\/react\/docs\/addons.ht\n <script src=\"https:\/\/fb.me\/react-with-addons-{{site.react_version}}.min.js\"><\/script>\n ```\n \n-#### <a href=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\">JSX Transformer<\/a>\n-The JSX transformer used to support [XML syntax](\/react\/docs\/jsx-in-depth.html) in JavaScript.\n-\n-```html\n-<script src=\"https:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\"><\/script>\n-```\n-\n All scripts are also available via [CDNJS](https:\/\/cdnjs.com\/libraries\/react\/).\n \n ## npm\n \n-To install the JSX transformer on your computer, run:\n-\n-```sh\n-$ npm install -g react-tools\n-```\n-\n-For more info about the `jsx` binary, see the [Getting Started](\/react\/docs\/getting-started.html#offline-transform) guide.\n-\n If you're using an npm-compatible packaging system like browserify or webpack, you can use the `react` package. After installing it using `npm install react` or adding `react` to `package.json`, you can use React:\n \n ```js\ndiff --git a\/docs\/jsx-compiler.md b\/docs\/jsx-compiler.md\nindex 3c0482f178..bcfa64302c 100644\n--- a\/docs\/jsx-compiler.md\n+++ b\/docs\/jsx-compiler.md\n@@ -1,14 +1,9 @@\n ---\n-layout: default\n+layout: single\n title: JSX Compiler Service\n id: jsx-compiler\n ---\n-<div class=\"jsxCompiler\">\n-  <h1>JSX Compiler<\/h1>\n-  <p>\n-    This tool demonstrates how <a href=\"\/react\/docs\/jsx-in-depth.html\">JSX syntax<\/a>\n-    is desugared into native JavaScript.\n-  <\/p>\n-  <div id=\"jsxCompiler\"><\/div>\n-  <script src=\"js\/jsx-compiler.js\"><\/script>\n-<\/div>\n+\n+**_This tool has been removed as JSXTransformer has been deprecated._**\n+\n+We recommend using another tool such as [the Babel REPL](https:\/\/babeljs.io\/repl\/).\ndiff --git a\/docs\/tips\/03-if-else-in-JSX.md b\/docs\/tips\/03-if-else-in-JSX.md\nindex 024dfb5cd5..f659b423d1 100644\n--- a\/docs\/tips\/03-if-else-in-JSX.md\n+++ b\/docs\/tips\/03-if-else-in-JSX.md\n@@ -78,4 +78,4 @@ return (\n >\n > In the example above, an ES6 [arrow function](https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Functions\/Arrow_functions) is utilized to lexically bind the value of `this`.\n \n-Try using it today with the [JSX compiler](\/react\/jsx-compiler.html).\n+Try using it today with the [Babel REPL](https:\/\/babeljs.io\/repl\/).\n","commit":{"revision":"d3d2504e72774c4a1fd9d508aff2d1c2d0611695","authorName":"Paul O’Shannessy","authorEmail":"paul@oshannessy.com","shortRevision":"d3d2504e72","subject":"Merge pull request #4846 from zpao\/docs-use-babel","authoredAt":"2015-09-25T20:06:47-07:00"},"files":[{"status":"D","path":"docs\/_js\/jsx-compiler.js"},{"status":"M","path":"docs\/css\/react.scss"},{"status":"M","path":"docs\/docs\/02-displaying-data.ja-JP.md"},{"status":"M","path":"docs\/docs\/02-displaying-data.ko-KR.md"},{"status":"M","path":"docs\/docs\/02-displaying-data.md"},{"status":"M","path":"docs\/docs\/02-displaying-data.zh-CN.md"},{"status":"M","path":"docs\/docs\/02.1-jsx-in-depth.md"},{"status":"M","path":"docs\/docs\/06-transferring-props.md"},{"status":"M","path":"docs\/docs\/getting-started.ja-JP.md"},{"status":"M","path":"docs\/docs\/getting-started.ko-KR.md"},{"status":"M","path":"docs\/docs\/getting-started.md"},{"status":"M","path":"docs\/docs\/getting-started.zh-CN.md"},{"status":"M","path":"docs\/docs\/tutorial.ja-JP.md"},{"status":"M","path":"docs\/docs\/tutorial.ko-KR.md"},{"status":"M","path":"docs\/docs\/tutorial.md"},{"status":"M","path":"docs\/downloads.md"},{"status":"M","path":"docs\/jsx-compiler.md"},{"status":"M","path":"docs\/tips\/03-if-else-in-JSX.md"}]}</article></body></html>

dillon1000/react

Files changed