Skip to content

Commit

Permalink
#329 fix textlint warning
Browse files Browse the repository at this point in the history
  • Loading branch information
PeterTakahashi authored and seiyatakahashi committed May 9, 2020
1 parent ad4ca30 commit 16d091b
Showing 1 changed file with 13 additions and 13 deletions.
26 changes: 13 additions & 13 deletions content/blog/2020-02-26-react-v16.13.0.md
Expand Up @@ -34,7 +34,7 @@ Warning: Cannot update a component from inside the function body of a different
</div>
```

この`<div>``toggle`の値に関係なく常に背景色が赤になると思われるかもしれません。しかし、[このデモを見てわかるように](https://codesandbox.io/s/suspicious-sunset-g3jub)`toggle`の値を `true``false`の間で切り替えると、背景色は`red`から始まり、その後`transparent``blue`の間で交互に切り替わります。
この `<div>``toggle` の値に関係なく常に背景色が赤になると思われるかもしれません。しかし、[このデモを見てわかるように](https://codesandbox.io/s/suspicious-sunset-g3jub)`toggle` の値を `true``false` の間で切り替えると、背景色は `red` から始まり、その後 `transparent``blue` の間で交互に切り替わります。

**Reactは、スタイルルールの競合を検出し、警告をログに記録するようになりました。**この問題を修正するには、同一の CSS プロパティの短い記法と長い記法のバージョンを `style` プロパティ内で混在させないようにしてください。

Expand All @@ -46,7 +46,7 @@ Warning: Cannot update a component from inside the function body of a different
<Button ref="myRef" />
```

(String ref と異なり、一般的なref自体は**完全にサポートされ続けます**ので混同しないようにしてください
String ref と異なり、一般的なref自体は**完全にサポートされ続けます**ので混同しないようにしてください)

将来的には、string ref からの移行を自動化するスクリプト ("codemod") を提供する予定です。しかし、まれに自動移行できないケースがあります。このリリースでは、非推奨化に先立ち、**そのようなケースにのみ**警告を追加しています。

Expand All @@ -73,9 +73,9 @@ class ClassParent extends React.Component {
}
```

このようなコードはしばしばバグを示します。(ref は `ClassParent` で利用できると思われるかもしれませんが、代わりに `ClassWithRenderProp` に置かれてしまいます)
このようなコードはしばしばバグを示します。ref は `ClassParent` で利用できると思われるかもしれませんが、代わりに `ClassWithRenderProp` に置かれてしまいます

**このようなコードはお持ちでない可能性が高いでしょう**。もしそのようなコードがあって、それが意図的なものであれば、代わりに [`React.createRef()`](/docs/refs-and-the-dom.html#creating-refs) を使うよう変更してください:
**このようなコードはお持ちでない可能性が高いでしょう**。もしそのようなコードがあって、それが意図的なものであれば、代わりに [`React.createRef()`](/docs/refs-and-the-dom.html#creating-refs) を使うよう変更してください

```jsx
class ClassWithRenderProp extends React.Component {
Expand Down Expand Up @@ -105,7 +105,7 @@ class ClassParent extends React.Component {
>
> If you use Create React App or have the "react" preset with Babel 7+, you already have this plugin installed by default.
### `React.createFactory`の非推奨化{#deprecating-reactcreatefactory}
### `React.createFactory` の非推奨化 {#deprecating-reactcreatefactory}

[`React.createFactory`](/docs/react-api.html#createfactory) は React 要素を作成するためのレガシーのヘルパです。このリリースでは、このメソッドに非推奨の警告が追加されています。これは将来のメジャーバージョンで削除される予定です。

Expand All @@ -117,15 +117,15 @@ let createFactory = type => React.createElement.bind(null, type);

全く同じことをしています。

### `ReactDOM.unstable_createPortal` の非推奨化`ReactDOM.createPortal` に変更を {#deprecating-reactdomunstable_createportal-in-favor-of-reactdomcreateportal}
### `ReactDOM.unstable_createPortal` の非推奨化`ReactDOM.createPortal` に変更を {#deprecating-reactdomunstable_createportal-in-favor-of-reactdomcreateportal}

React 16がリリースされたとき`createPortal`は公式にサポートされるAPIになりました
React 16 がリリースされたとき`createPortal` は公式にサポートされる API になりました

しかし、`unstable_createPortal`を採用している少数のライブラリが動作するように、`unstable_createPortal`をサポートされたエイリアスとして残していました。今後この不安定なエイリアスは非推奨とします。`unstable_createPortal` の代わりに `createPortal` を直接使ってください。これは全く同じシグネチャを持っています。
しかし、`unstable_createPortal` を採用している少数のライブラリが動作するように、`unstable_createPortal` をサポートされたエイリアスとして残していました。今後この不安定なエイリアスは非推奨とします。`unstable_createPortal` の代わりに `createPortal` を直接使ってください。これは全く同じシグネチャを持っています。

## その他の改良事項 {#other-improvements}

### hydrationの警告におけるコンポーネントスタック{#component-stacks-in-hydration-warnings}
### hydration の警告におけるコンポーネントスタック {#component-stacks-in-hydration-warnings}

React は開発者向け警告にコンポーネントスタックを追加し、開発者がバグを特定してプログラムをデバッグできるようにしています。今回のリリースでは、以前はコンポーネントスタックが存在しなかった多くの開発者向け警告に、それが追加されました。例として、以前のバージョンにあったこのハイドレーション警告を考えてみましょう。

Expand Down Expand Up @@ -155,21 +155,21 @@ React は開発者向け警告にコンポーネントスタックを追加し

### React {#react}

React v16.13.0 はnpmで利用可能です
React v16.13.0 は npm レジストリで利用可能です

YarnでReact 16をインストールするには、下記を実行します:
Yarn で React 16 をインストールするには、下記を実行します

```bash
yarn add react@^16.13.0 react-dom@^16.13.0
```

npmでReact 16をインストールするには、下記を実行します:
npm で React 16 をインストールするには、下記を実行します

```bash
npm install --save react@^16.13.0 react-dom@^16.13.0
```

また、CDN経由でReactのUMDビルドも提供しています:
また、CDN 経由で React の UMD ビルドも提供しています:

```html
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
Expand Down

0 comments on commit 16d091b

Please sign in to comment.