reactjs · potato4d · Feb 1, 2019 · Feb 1, 2019 · Feb 1, 2019 · Feb 1, 2019
diff --git a/.textlintrc b/.textlintrc
@@ -0,0 +1,9 @@
+{
+  "rules": {
+    "preset-jtf-style": {
+      "1.2.1.句点(。)と読点(、)": false,
+      "1.2.2.ピリオド(.)とカンマ(,)": false,
+      "3.1.1.全角文字と半角文字の間": false
+    }
+  }
+}
diff --git a/content/community/videos.ko-KR.md b/content/community/videos.ko-KR.md
@@ -154,7 +154,7 @@ by [Stoyan Stefanov](http://www.phpied.com/)
 
 <iframe width="650" height="366" src="https://www.youtube-nocookie.com/embed/i__969noyAM" frameborder="0" allowfullscreen></iframe>
 
-Facebook 개발자 [Bill Fisher](https://twitter.com/fisherwebdev)와 [Jing Chen](https://twitter.com/jingc)가 Flux 와 React 에 대해서 이야기합니다. 그리고 어떻게 단일 방향의 자료흐름을 사용하는 어플리케이션 구조가 방대한 코드를 정리하는지에 대해서 이야기합니다."
+Facebook 개발자 [Bill Fisher](https://twitter.com/fisherwebdev)와 [Jing Chen](https://twitter.com/jingc)가 Flux 와 React 에 대해서 이야기합니다. 그리고 어떻게 단일 방향의 자료흐름을 사용하는 어플리케이션 구조가 방대한 코드를 정리하는지에 대해서 이야기합니다.
 
 * * *
 

diff --git a/content/community/videos.zh-CN.md b/content/community/videos.zh-CN.md
@@ -38,7 +38,7 @@ next: complementary-tools-zh-CN.html
 
 ### CodeWinds
 
-[Pete Hunt](http://www.petehunt.net/) 与 [Jeff Barczewski](http://jeff.barczewski.com/) 在 CodeWinds Episode 4 上关于 React 的谈话.
+[Pete Hunt](http://www.petehunt.net/) 与 [Jeff Barczewski](http://jeff.barczewski.com/) 在 CodeWinds Episode 4 上关于 React 的谈话。
 <figure><a href="http://codewinds.com/4"><img src="../images/docs/codewinds-004.png"></a></figure>
 
 <table width="100%"><tr><td>
@@ -71,7 +71,7 @@ next: complementary-tools-zh-CN.html
 
 ### JavaScript Jabber
 
-[Pete Hunt](http://www.petehunt.net/) 和 [Jordan Walke](https://github.com/jordwalke) 在 JavaScript Jabber 73 上关于React的谈话.
+[Pete Hunt](http://www.petehunt.net/) 和 [Jordan Walke](https://github.com/jordwalke) 在 JavaScript Jabber 73 上关于React的谈话。
 <figure><a href="http://javascriptjabber.com/073-jsj-react-with-pete-hunt-and-jordan-walke/#content"><img src="../images/docs/javascript-jabber.png"></a></figure>
 
 <table width="100%"><tr><td>
@@ -108,7 +108,7 @@ next: complementary-tools-zh-CN.html
 ### Backbone + React + Middleman Screencast
 <iframe width="650" height="488" src="https://www.youtube-nocookie.com/embed/iul1fWHVU6A" frameborder="0" allowfullscreen></iframe>
 
-Backbone 是一个在用React实现 REST API 接口的极好方法。这个屏博展示了用 [Backbone-React-Component](https://github.com/magalhas/backbone-react-component)如何整合两者. Middleman 是在本例中使用的框架但很容易被替换成其他框架。对此可支持的template可以在[这里](https://github.com/jbhatab/middleman-backbone-react-template) 找到. -- [Open Minded Innovations](http://www.openmindedinnovations.com/)
+Backbone 是一个在用React实现 REST API 接口的极好方法。这个屏博展示了用 [Backbone-React-Component](https://github.com/magalhas/backbone-react-component)如何整合两者。 Middleman 是在本例中使用的框架但很容易被替换成其他框架。对此可支持的template可以在[这里](https://github.com/jbhatab/middleman-backbone-react-template) 找到。 -- [Open Minded Innovations](http://www.openmindedinnovations.com/)
 
 * * *
 
@@ -160,7 +160,7 @@ Facebook 工程师 [Bill Fisher](https://twitter.com/fisherwebdev) 和 [Jing Che
 
 <iframe src="https://player.vimeo.com/video/108488724" width="100%" height="365" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
 
-来自 [Andres Suarez](https://github.com/zertosh) 的演练，关于 [SoundCloud](https://developers.soundcloud.com/blog/) 如何使用 React 和 Flux 在服务器端渲染.
+来自 [Andres Suarez](https://github.com/zertosh) 的演练，关于 [SoundCloud](https://developers.soundcloud.com/blog/) 如何使用 React 和 Flux 在服务器端渲染。
 
 [幻灯片和示例代码](https://github.com/zertosh/ssr-demo-kit)
 

diff --git a/content/docs/forms.md b/content/docs/forms.md
@@ -280,7 +280,7 @@ this.setState(partialState);
 [制御されたコンポーネント](/docs/forms.html#controlled-components)で value プロパティに値を指定することで、変更させたくない場合にユーザーが値を変更できないようになります。もしも 
 `value` を指定したのに入力フィールドが依然変更可能であるという場合は、`value` を誤って `undefined` もしくは `null` に設定してしまったのかもしれません。
 
-以下のコードでこれを示しています。（入力フィールドは最初はロックされていますが、短い遅延の後に編集可能になります。）
+以下のコードでこれを示しています。（入力フィールドは最初はロックされていますが、短い遅延の後に編集可能になります）
 
 ```javascript
 ReactDOM.render(<input value="hi" />, mountNode);

diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md
@@ -6,7 +6,7 @@ prev: cdn-links.html
 next: introducing-jsx.html
 ---
 
-React のいちばん短い例はこのようになります:
+React のいちばん短い例はこのようになります：
 
 ```js
 ReactDOM.render(

diff --git a/content/docs/lists-and-keys.md b/content/docs/lists-and-keys.md
@@ -139,7 +139,7 @@ key が意味を持つのは、それをとり囲んでいる配列の側の文
 
 例えば、`ListItem` コンポーネントを抽出する際には、key は `ListItem` 自体の `<li>` 要素に書くのではなく、配列内の `<ListItem />` 要素に残しておくべきです。
 
-**例: 不適切な key の使用法**
+**例： 不適切な key の使用法**
 
 ```javascript{4,5,14,15}
 function ListItem(props) {
@@ -172,7 +172,7 @@ ReactDOM.render(
 );
 ```
 
-**例: 正しい key の使用法**
+**例： 正しい key の使用法**
 
 ```javascript{2,3,9,10}
 function ListItem(props) {

diff --git a/content/docs/reference-javascript-environment-requirements.md b/content/docs/reference-javascript-environment-requirements.md
@@ -6,7 +6,7 @@ category: Reference
 permalink: docs/javascript-environment-requirements.html
 ---
 
-React 16 depends on the collection types [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) and [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set). If you support older browsers and devices which may not yet provide these natively (e.g. IE < 11) or which have non-compliant implementations (e.g. IE 11), consider including a global polyfill in your bundled application, such as [core-js](https://github.com/zloirock/core-js) or [babel-polyfill](https://babeljs.io/docs/usage/polyfill/).
+React 16 depends on the collection types [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) and [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set). If you support older browsers and devices which may not yet provide these natively (e.g. IE &lt; 11) or which have non-compliant implementations (e.g. IE 11), consider including a global polyfill in your bundled application, such as [core-js](https://github.com/zloirock/core-js) or [babel-polyfill](https://babeljs.io/docs/usage/polyfill/).
 
 A polyfilled environment for React 16 using core-js to support older browsers might look like:
 

diff --git a/content/docs/state-and-lifecycle.md b/content/docs/state-and-lifecycle.md
@@ -80,7 +80,7 @@ state は props に似ていますが、コンポーネントによって完全
 
 1. `React.Component` を継承する同名の [ES6 クラス](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes)を作成する。
 
-2. `render()` と呼ばれる空のメソッドを１つ追加する。
+2. `render()` と呼ばれる空のメソッドを1つ追加する。
 
 3. 関数の中身を `render()` メソッドに移動する。
 
@@ -146,7 +146,7 @@ class Clock extends React.Component {
 }
 ```
 
-親クラスのコンストラクタへの `props` の渡し方に注目してください:
+親クラスのコンストラクタへの `props` の渡し方に注目してください：
 
 ```js{2}
   constructor(props) {
@@ -355,7 +355,7 @@ this.setState({
 });
 ```
 
-これを修正するために、オブジェクトではなく関数を受け取る `setState()` の ２ つ目の形を使用します。その関数は前の state を最初の引数として受け取り、更新が適用される時点での props を第 2 引数として受け取ります：
+これを修正するために、オブジェクトではなく関数を受け取る `setState()` の 2 つ目の形を使用します。その関数は前の state を最初の引数として受け取り、更新が適用される時点での props を第 2 引数として受け取ります：
 
 ```js
 // Correct
@@ -443,7 +443,7 @@ function FormattedDate(props) {
 
 コンポーネントツリーとは props が流れ落ちる滝なのだと想像すると、各コンポーネントの state とは任意の場所で合流してくる追加の水源であり、それらもまた下に流れ落ちていくものなのです。
 
-全てのコンポーネントが本当に独立していることを示すのに、３つの `<Clock>` をレンダリングする `App` コンポーネントを作成します：
+全てのコンポーネントが本当に独立していることを示すのに、3つの `<Clock>` をレンダリングする `App` コンポーネントを作成します：
 
 ```js{4-6}
 function App() {

diff --git a/package.json b/package.json
@@ -71,13 +71,14 @@
   },
   "scripts": {
     "build": "gatsby build",
-    "check-all": "npm-run-all prettier --parallel lint flow",
-    "ci-check": "npm-run-all prettier:diff --parallel lint flow",
+    "check-all": "npm-run-all prettier --parallel lint flow lint:text",
+    "ci-check": "npm-run-all prettier:diff --parallel lint flow lint:text",
     "dev": "gatsby develop -H 0.0.0.0",
     "flow": "flow",
     "format:source": "prettier --config .prettierrc --write \"{gatsby-*.js,{flow-typed,plugins,src}/**/*.js}\"",
     "format:examples": "prettier --config examples/.prettierrc --write \"examples/**/*.js\"",
     "lint": "eslint .",
+    "lint:text": "textlint content/{community,docs,home,tutorial,warnings}/*.md",
     "netlify": "yarn --version && rimraf node_modules && yarn install --frozen-lockfile --check-files && yarn build",
     "nit:source": "prettier --config .prettierrc --list-different \"{gatsby-*.js,{flow-typed,plugins,src}/**/*.js}\"",
     "nit:examples": "prettier --config examples/.prettierrc --list-different \"examples/**/*.js\"",
@@ -91,6 +92,8 @@
     "lz-string": "^1.4.4",
     "npm-run-all": "^4.1.5",
     "recursive-readdir": "^2.2.1",
+    "textlint": "^11.2.1",
+    "textlint-rule-preset-jtf-style": "^2.3.3",
     "unist-util-map": "^1.0.3"
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -154,7 +154,7 @@ by [Stoyan Stefanov](http://www.phpied.com/) @@
     <iframe width="650" height="366" src="https://www.youtube-nocookie.com/embed/i__969noyAM" frameborder="0" allowfullscreen></iframe>
-    Facebook 개발자 [Bill Fisher](https://twitter.com/fisherwebdev)와 [Jing Chen](https://twitter.com/jingc)가 Flux 와 React 에 대해서 이야기합니다. 그리고 어떻게 단일 방향의 자료흐름을 사용하는 어플리케이션 구조가 방대한 코드를 정리하는지에 대해서 이야기합니다."
+    Facebook 개발자 [Bill Fisher](https://twitter.com/fisherwebdev)와 [Jing Chen](https://twitter.com/jingc)가 Flux 와 React 에 대해서 이야기합니다. 그리고 어떻게 단일 방향의 자료흐름을 사용하는 어플리케이션 구조가 방대한 코드를 정리하는지에 대해서 이야기합니다.
     * * *
@@ Expand Down @@