File tree Expand file tree Collapse file tree 10 files changed +72
-64
lines changed Expand file tree Collapse file tree 10 files changed +72
-64
lines changed Original file line number Diff line number Diff line change @@ -93,8 +93,8 @@ import("./math").then(math => {
93
93
> 近い将来での標準化が期待されています。
94
94
95
95
Webpack がこの構文を見つけると、自動的にアプリのコードを分割します。
96
- Create React App を使用している場合はすでに設定がされているため、[ すぐに使用を開始することができます。] ( https://github.com/facebookincubator/ create-react-app/blob/master/packages/react-scripts/template/README.md# code-splitting )
97
- Next.js も同様です。
96
+ Create React App を使用している場合はすでに設定がされているため、[ すぐに使用を開始することができます。] ( https://facebook. github.io/ create-react-app/docs/ code-splitting )
97
+ [ Next.js] ( https://github.com/zeit/next.js/#dynamic-import ) も同様です。
98
98
99
99
もし Webpack を自分でセットアップしていた場合には、Webpack の[ コード分割に関するガイド] ( https://webpack.js.org/guides/code-splitting/ ) を読むと良いでしょう。
100
100
きっとあなたの Webpack の設定はだいたい[ このように] ( https://gist.github.com/gaearon/ca6e803f5c604d37468b0091d9959269 ) なると思います。
@@ -180,9 +180,9 @@ function MyComponent() {
180
180
}
181
181
```
182
182
183
- ### Error boundaries {#error-boundaries}
183
+ ### Error Boundary {#error-boundaries}
184
184
185
- もし他のモジュールがロードに失敗した場合(例えば、ネットワークの障害など)、エラーが発生します。その際には [ Error Boundaries ] ( /docs/error-boundaries.html ) を使用することによってこれらのエラーをハンドリングし、エラーの回復やユーザ体験の向上に繋げることができます。Error Boundary を作成したら、遅延コンポーネントより上位のあらゆる場所で使用でき、ネットワークエラーが発生した際にエラー内容を表示することができます。
185
+ もし他のモジュールがロードに失敗した場合(例えば、ネットワークの障害など)、エラーが発生します。その際には [ error boundary ] ( /docs/error-boundaries.html ) を使用することによってこれらのエラーをハンドリングし、エラーの回復やユーザ体験の向上に繋げることができます。error boundary を作成したら、遅延コンポーネントより上位のあらゆる場所で使用でき、ネットワークエラーが発生した際にエラー内容を表示することができます。
186
186
187
187
``` js
188
188
import MyErrorBoundary from ' ./MyErrorBoundary' ;
Original file line number Diff line number Diff line change @@ -40,7 +40,7 @@ React は JavaScript ライブラリなので、JavaScript 言語の基本的な
40
40
41
41
> 補足
42
42
>
43
- > このガイドでは時折比較的新しい JavaScript の構文を例の中で使用しています。ここ数年 JavaScript を使った仕事をしていこなかったという場合は 、[ この 3 点] ( https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c ) を理解すればだいたい理解したことになるでしょう。
43
+ > このガイドでは時折比較的新しい JavaScript の構文を例の中で使用しています。ここ数年 JavaScript を使った仕事をしていなかったという場合は 、[ この 3 点] ( https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c ) を理解すればだいたい理解したことになるでしょう。
44
44
45
45
## 始めましょう! {#lets-get-started}
46
46
Original file line number Diff line number Diff line change @@ -201,7 +201,7 @@ function ChatRecipientPicker() {
201
201
202
202
あまり焦って抽象化を加えないようにしましょう。関数コンポーネントがやれることが増えたので、平均的な関数コンポーネントはこれまでより長いものになるでしょう。それは普通のことですので、いますぐカスタムフックに分割しないと* いけない* とは考えないでください。一方で、カスタムフックをどこで使えば複雑なロジックをシンプルなインターフェースに置き換えたり、ごちゃっとしたコンポーネントを整理したりできるのか、考え始めることをお勧めします。
203
203
204
- 一例として、その場しのぎで多くのローカル state が含まれるようになった複雑なコンポーネントをお持ちかもしれません。` useState ` を使っても更新ロジックの集中化が簡単になるわけではありませんので、それを [ Redux] ( https://redux.js.org/ ) のリデューサ (reducer) で書くたくなることがあるでしょう :
204
+ 一例として、その場しのぎで多くのローカル state が含まれるようになった複雑なコンポーネントをお持ちかもしれません。` useState ` を使っても更新ロジックの集中化が簡単になるわけではありませんので、それを [ Redux] ( https://redux.js.org/ ) のリデューサ (reducer) で書きたくなることがあるでしょう :
205
205
206
206
``` js
207
207
function todosReducer (state , action ) {
Original file line number Diff line number Diff line change @@ -128,7 +128,7 @@ function FriendStatus(props) {
128
128
}
129
129
```
130
130
131
- 以下の例では 、コンポーネントがアンマウントされる時や再レンダーによって副作用が再実行時される時に ` ChatAPI ` の購読解除を行っています。(必要なら、` ChatAPI ` に渡すための ` props.friend.id ` が変わっていない場合には[ 毎回購読しなおす処理をスキップする] ( /docs/hooks-effect.html#tip-optimizing-performance-by-skipping-effects ) 方法があります)
131
+ この例では 、コンポーネントがアンマウントされる時や再レンダーによって副作用が再実行時される時に ` ChatAPI ` の購読解除を行っています。(必要なら、` ChatAPI ` に渡すための ` props.friend.id ` が変わっていない場合には[ 毎回購読しなおす処理をスキップする] ( /docs/hooks-effect.html#tip-optimizing-performance-by-skipping-effects ) 方法があります)
132
132
133
133
` useState ` の場合と同様、1 つのコンポーネント内で 2 つ以上の副作用を使用することが可能です。
134
134
Original file line number Diff line number Diff line change 44
44
- id : context
45
45
title : コンテクスト
46
46
- id : error-boundaries
47
- title : Error Boundaries
47
+ title : Error Boundary
48
48
- id : forwarding-refs
49
49
title : ref のフォワーディング
50
50
- id : fragments
126
126
- title : Contributing
127
127
items :
128
128
- id : how-to-contribute
129
- title : How to Contribute
129
+ title : 貢献の方法
130
130
- id : codebase-overview
131
131
title : Codebase Overview
132
132
- id : implementation-notes
133
133
title : Implementation Notes
134
134
- id : design-principles
135
- title : Design Principles
135
+ title : 設計原則
136
136
- title : FAQ
137
137
items :
138
138
- id : faq-ajax
Original file line number Diff line number Diff line change @@ -313,19 +313,19 @@ getSnapshotBeforeUpdate(prevProps, prevState)
313
313
314
314
* * *
315
315
316
- ### error boundaries {#error-boundaries}
316
+ ### error boundary {#error-boundaries}
317
317
318
- [ error boundaries ] ( /docs/error-boundaries.html ) は、子コンポーネントツリーのどこかで JavaScript エラーを捕捉し、それらのエラーを記録し、クラッシュしたコンポーネントツリーの代わりにフォールバック UI を表示する React コンポーネントです。error boundaries は、その下のツリー全体のレンダー中、ライフサイクルメソッド内、およびコンストラクタ内で発生したエラーを捕捉します。
318
+ [ error boundary ] ( /docs/error-boundaries.html ) は、子コンポーネントツリーのどこかで JavaScript エラーを捕捉し、それらのエラーを記録し、クラッシュしたコンポーネントツリーの代わりにフォールバック UI を表示する React コンポーネントです。error boundary は、その下のツリー全体のレンダー中、ライフサイクルメソッド内、およびコンストラクタ内で発生したエラーを捕捉します。
319
319
320
- クラスコンポーネントは、ライフサイクルメソッド ` static getDerivedStateFromError() ` または ` componentDidCatch() ` のいずれか(または両方)を定義すると、error boundaries になります。これらのライフサイクルから state を更新すると、下のツリーで発生した未処理の JavaScript エラーを捕捉してフォールバック UI を表示できます。
320
+ クラスコンポーネントは、ライフサイクルメソッド ` static getDerivedStateFromError() ` または ` componentDidCatch() ` のいずれか(または両方)を定義すると、error boundary になります。これらのライフサイクルから state を更新すると、下のツリーで発生した未処理の JavaScript エラーを捕捉してフォールバック UI を表示できます。
321
321
322
- error boundaries は予期しない例外からの回復のためだけに使用してください。** それらを制御フローに使用しないでください** 。
322
+ error boundary は予期しない例外からの回復のためだけに使用してください。** それらを制御フローに使用しないでください** 。
323
323
324
324
詳細については、[ * React 16 のエラーハンドリング* ] ( /blog/2017/07/26/error-handling-in-react-16.html ) を参照してください。
325
325
326
326
> 補足
327
327
>
328
- > error boundaries は、ツリー内でその** 下** にあるコンポーネント内のエラーのみを捕捉します。error boundaries はそれ自体の中でエラーを捉えることはできません。
328
+ > error boundary は、ツリー内でその** 下** にあるコンポーネント内のエラーのみを捕捉します。error boundary はそれ自体の中でエラーを捉えることはできません。
329
329
330
330
### ` static getDerivedStateFromError() ` {#static-getderivedstatefromerror}
331
331
``` javascript
Original file line number Diff line number Diff line change 1
1
# Status enums indicate what percentage of "core" content has been translated:
2
- # 0: Incomplete (0– 49%)
3
- # 1: Partially complete (50–94 %)
4
- # 2: Complete (95– 100%)
2
+ # 0: Incomplete (0- 49%)
3
+ # 1: Partially complete (50-99 %)
4
+ # 2: Complete (100%)
5
5
6
6
- name : English
7
7
translated_name : English
27
27
translated_name : Deutsch
28
28
code : de
29
29
status : 0
30
+ - name : Greek
31
+ translated_name : Ελληνικά
32
+ code : el
33
+ status : 0
30
34
- name : Spanish
31
35
translated_name : Español
32
36
code : es
38
42
- name : French
39
43
translated_name : Français
40
44
code : fr
45
+ status : 1
46
+ - name : Gujarati
47
+ translated_name : ગુજરાતી
48
+ code : gu
41
49
status : 0
42
50
- name : Hebrew
43
51
translated_name : עברית
62
70
- name : Japanese
63
71
translated_name : 日本語
64
72
code : ja
65
- status : 1
73
+ status : 2
74
+ - name : Central Khmer
75
+ translated_name : ភាសាខ្មែរ
76
+ code : km
77
+ status : 0
66
78
- name : Korean
67
79
translated_name : 한국어
68
80
code : ko
69
81
status : 0
82
+ - name : Kurdish
83
+ translated_name : کوردی
84
+ code : ku
85
+ status : 0
86
+ - name : Lithuanian
87
+ translated_name : Lietuvių kalba
88
+ code : lt
89
+ status : 0
70
90
- name : Malayalam
71
91
translated_name : മലയാളം
72
92
code : ml
98
118
- name : Russian
99
119
translated_name : Русский
100
120
code : ru
101
- status : 0
121
+ status : 1
102
122
- name : Sinhala
103
123
translated_name : සිංහල
104
124
code : si
107
127
translated_name : தமிழ்
108
128
code : ta
109
129
status : 0
130
+ - name : Telugu
131
+ translated_name : తెలుగు
132
+ code : te
133
+ status : 0
110
134
- name : Turkish
111
135
translated_name : Türkçe
112
136
code : tr
113
137
status : 0
114
138
- name : Ukrainian
115
139
translated_name : Українська
116
140
code : uk
141
+ status : 1
142
+ - name : Urdu
143
+ translated_name : اردو
144
+ code : ur
117
145
status : 0
118
146
- name : Uzbek
119
147
translated_name : Oʻzbekcha
126
154
- name : Simplified Chinese
127
155
translated_name : 简体中文
128
156
code : zh-hans
129
- status : 0
157
+ status : 1
130
158
- name : Traditional Chinese
131
159
translated_name : 繁體中文
132
160
code : zh-hant
You can’t perform that action at this time.
0 commit comments