[docs] Update script mimetypes: text/jsx -> text/babel
Paul O’Shannessy committed
Sep 10, 2015 at 18:00 UTC
4d9c1d1126af4fa26498aa7ebb7898443a85b087
8 files changed
+25
-25
docs/docs/02-displaying-data.ja-JP.md
+2
-2
@@ -20,11 +20,11 @@ UIについて、最も基本的なことは、いくつかのデータを表示
20
<meta charset="UTF-8" />
21
<title>Hello React</title>
22
<script src="https://fb.me/react-{{site.react_version}}.js"></script>
23
- <script src="https://fb.me/JSXTransformer-{{site.react_version}}.js"></script>
23
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
24
</head>
25
<body>
26
<div id="example"></div>
27
- <script type="text/jsx">
27
+ <script type="text/babel">
28
29
// ** コードをここに書きます！ **
30
docs/docs/02-displaying-data.ko-KR.md
+2
-2
@@ -19,11 +19,11 @@ UI를 가지고 할 수 있는 가장 기초적인 것은 데이터를 표시하
19
<meta charset="UTF-8" />
20
<title>Hello React</title>
21
<script src="https://fb.me/react-{{site.react_version}}.js"></script>
22
- <script src="https://fb.me/JSXTransformer-{{site.react_version}}.js"></script>
22
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
23
</head>
24
<body>
25
<div id="example"></div>
26
- <script type="text/jsx">
26
+ <script type="text/babel">
27
28
// ** 코드는 여기에 작성하면 됩니다! **
29
docs/docs/02-displaying-data.md
+2
-2
@@ -20,11 +20,11 @@ Let's look at a really simple example. Create a `hello-react.html` file with the
20
<meta charset="UTF-8" />
21
<title>Hello React</title>
22
<script src="https://fb.me/react-{{site.react_version}}.js"></script>
23
- <script src="https://fb.me/JSXTransformer-{{site.react_version}}.js"></script>
23
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
24
</head>
25
<body>
26
<div id="example"></div>
27
- <script type="text/jsx">
27
+ <script type="text/babel">
28
29
// ** Your code goes here! **
30
docs/docs/02-displaying-data.zh-CN.md
+2
-2
@@ -21,11 +21,11 @@ next: jsx-in-depth-zh-CN.html
21
<meta charset="UTF-8" />
22
<title>Hello React</title>
23
<script src="https://fb.me/react-{{site.react_version}}.js"></script>
24
- <script src="https://fb.me/JSXTransformer-{{site.react_version}}.js"></script>
24
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
25
</head>
26
<body>
27
<div id="example"></div>
28
- <script type="text/jsx">
28
+ <script type="text/babel">
29
30
// ** 在这里替换成你的代码 **
31
docs/docs/getting-started.ja-JP.md
+4
-4
@@ -32,11 +32,11 @@ React でのハッキングを始めるにあたり、一番簡単なものと
32
<meta charset="UTF-8" />
33
<title>Hello React!</title>
34
<script src="build/react.js"></script>
35
- <script src="build/JSXTransformer.js"></script>
35
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
36
</head>
37
<body>
38
<div id="example"></div>
39
- <script type="text/jsx">
39
+ <script type="text/babel">
40
React.render(
41
<h1>Hello, world!</h1>,
42
document.getElementById('example')
@@ -62,7 +62,7 @@ React.render(
62
それが終わったら、`helloworld.js` への参照を `helloworld.html` に書き込みましょう。
63
64
```html{10}
65
-<script type="text/jsx" src="src/helloworld.js"></script>
65
+<script type="text/babel" src="src/helloworld.js"></script>
66
```
67
68
### オフラインでの変換
@@ -99,7 +99,7 @@ React.render(
99
<meta charset="UTF-8" />
100
<title>Hello React!</title>
101
<script src="build/react.js"></script>
102
- <!-- JSXTransformer は必要ありません！ -->
102
+ <!-- Babel は必要ありません！ -->
103
</head>
104
<body>
105
<div id="example"></div>
docs/docs/getting-started.ko-KR.md
+4
-4
@@ -32,11 +32,11 @@ React를 시작하는 가장 빠른 방법은 다음의 Hello World JSFiddle 예
32
<meta charset="UTF-8" />
33
<title>Hello React!</title>
34
<script src="build/react.js"></script>
35
- <script src="build/JSXTransformer.js"></script>
35
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
36
</head>
37
<body>
38
<div id="example"></div>
39
- <script type="text/jsx">
39
+ <script type="text/babel">
40
React.render(
41
<h1>Hello, world!</h1>,
42
document.getElementById('example')
@@ -62,7 +62,7 @@ React.render(
62
그다음 `helloworld.html`에서 참조합니다:
63
64
```html{10}
65
-<script type="text/jsx" src="src/helloworld.js"></script>
65
+<script type="text/babel" src="src/helloworld.js"></script>
66
```
67
68
크롬 같은 몇몇 브라우저에서는 HTTP를 통해 제공되는 파일이 아니면 로드에 실패하므로 주의하세요.
@@ -99,7 +99,7 @@ React.render(
99
<meta charset="UTF-8" />
100
<title>Hello React!</title>
101
<script src="build/react.js"></script>
102
- <!-- JSXTransformer는 이제 불필요합니다! -->
102
+ <!-- Babel는 이제 불필요합니다! -->
103
</head>
104
<body>
105
<div id="example"></div>
docs/docs/getting-started.md
+5
-5
@@ -31,11 +31,11 @@ In the root directory of the starter kit, create a `helloworld.html` with the fo
31
<meta charset="UTF-8" />
32
<title>Hello React!</title>
33
<script src="build/react.js"></script>
34
- <script src="build/JSXTransformer.js"></script>
34
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
35
</head>
36
<body>
37
<div id="example"></div>
38
- <script type="text/jsx">
38
+ <script type="text/babel">
39
React.render(
40
<h1>Hello, world!</h1>,
41
document.getElementById('example')
@@ -45,7 +45,7 @@ In the root directory of the starter kit, create a `helloworld.html` with the fo
45
</html>
46
```
47
48
-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.
48
+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.
49
50
### Separate File
51
@@ -61,7 +61,7 @@ React.render(
61
Then reference it from `helloworld.html`:
62
63
```html{10}
64
-<script type="text/jsx" src="src/helloworld.js"></script>
64
+<script type="text/babel" src="src/helloworld.js"></script>
65
```
66
67
Note that some browsers (Chrome, e.g.) will fail to load the file unless it's served via HTTP.
@@ -100,7 +100,7 @@ Update your HTML file as below:
100
<meta charset="UTF-8" />
101
<title>Hello React!</title>
102
<script src="build/react.js"></script>
103
- <!-- No need for JSXTransformer! -->
103
+ <!-- No need for Babel! -->
104
</head>
105
<body>
106
<div id="example"></div>
docs/docs/getting-started.zh-CN.md
+4
-4
@@ -32,11 +32,11 @@ redirect_from: "docs/index-zh-CN.html"
32
<meta charset="UTF-8" />
33
<title>Hello React!</title>
34
<script src="build/react.js"></script>
35
- <script src="build/JSXTransformer.js"></script>
35
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
36
</head>
37
<body>
38
<div id="example"></div>
39
- <script type="text/jsx">
39
+ <script type="text/babel">
40
React.render(
41
<h1>Hello, world!</h1>,
42
document.getElementById('example')
@@ -62,7 +62,7 @@ React.render(
62
然后在 `helloworld.html` 引用该文件：
63
64
```html{10}
65
-<script type="text/jsx" src="src/helloworld.js"></script>
65
+<script type="text/babel" src="src/helloworld.js"></script>
66
```
67
68
### 离线转换
@@ -98,7 +98,7 @@ React.render(
98
<meta charset="UTF-8" />
99
<title>Hello React!</title>
100
<script src="build/react.js"></script>
101
- <!-- 不需要 JSXTransformer！ -->
101
+ <!-- 不需要 Babel！ -->
102
</head>
103
<body>
104
<div id="example"></div>