Skip to content

Commit 4aab60b

Browse files
orangainazu
authored andcommitted
Fix typos in Redux (#120)
* chore(Redux): fix typo s/applymiddleware/applyMiddleware/ Modify prh rule * chore(Redux): fix typo s/connect/Connect/ Note: textlint-rule-prh ignores text in a link. * chore(Redux): add missing closing '`' * chore(Redux): fix typo s/これよくみる/これはよくみる/ * chore(Redux): add missing . * chore(Redux): fix typo s/適応/適用/ As a translation of "apply", I believe "適用" is better.
1 parent 884df1f commit 4aab60b

File tree

3 files changed

+20
-14
lines changed

3 files changed

+20
-14
lines changed

ja/Redux/README.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,8 @@ Reduxには[Three Principles](http://redux.js.org/docs/introduction/ThreePrincip
2424

2525
Reduxの使い方についてはここでは解説しませんが、Reduxの拡張機能となる _middleware_ も、この三原則に基づいた仕組みとなっています。
2626

27-
_middleware_ という名前からも分かるように、[connect](../connect/README.md)の仕組みと類似点があります。
28-
[connect](../connect/README.md)の違いを意識しながら、Reduxの _middleware_ の仕組みを見ていきましょう。
27+
_middleware_ という名前からも分かるように、[Connect](../connect/README.md)の仕組みと類似点があります。
28+
[Connect](../connect/README.md)の違いを意識しながら、Reduxの _middleware_ の仕組みを見ていきましょう。
2929

3030
## どう書ける?
3131

@@ -41,7 +41,7 @@ Reduxの例として次のようなコードを見てみます。
4141

4242
[import, redux-example.js](../../src/Redux/redux-example.js)
4343

44-
1. `logger``crashReporter`のmiddlewareを適応した`createStore`関数を作る
44+
1. `logger``crashReporter`のmiddlewareを適用した`createStore`関数を作る
4545
2. Reducerを登録したStoreを作成
4646
3. (Storeの変更をする)Actionをdispatch
4747
4. Actionを受け取り新しいStateを返すReducer関数
@@ -137,7 +137,7 @@ const middleware = (store) => {
137137

138138
![dispatch-log.js flow](./img/dispatch-log.js.png)
139139

140-
この場合の `next``dispatch` と言い換えても問題ありませんが、複数の _middleware_ を適応した場合は
140+
この場合の `next``dispatch` と言い換えても問題ありませんが、複数の _middleware_ を適用した場合は
141141
**次の** _middleware_ を呼び出すという事を表現しています。
142142

143143
Reduxの _middleware_ の仕組みは単純ですが、見慣れないデザインなので複雑に見えます。
@@ -147,9 +147,9 @@ Reduxの _middleware_ の仕組みは単純ですが、見慣れないデザイ
147147

148148
_middleware_`dispatch`をラップする処理ですが、そもそも`dispatch`とはどういう事をしているのでしょうか?
149149

150-
簡潔に書くと、Reduxの`store.dispatch(action)``store.subscribe(callback)`で登録した`callback`に`actionを渡し呼び出すだけです
150+
簡潔に書くと、Reduxの`store.dispatch(action)``store.subscribe(callback)`で登録した`callback``action`を渡し呼び出すだけです
151151

152-
これよくみるPub/Subのパターンですが、今回はこのPub/Subパターンの実装からみていきましょう。
152+
これはよくみるPub/Subのパターンですが、今回はこのPub/Subパターンの実装からみていきましょう。
153153

154154
### Dispatcher
155155

@@ -161,21 +161,21 @@ _middleware_ は`dispatch`をラップする処理ですが、そもそも`dispa
161161

162162
また、この`Dispatcher`の実装はReduxのものとは異なるので、あくまで理解のための参考実装です。
163163

164-
> Unlike Flux, Redux does not have the concept of a Dispatcher
164+
> Unlike Flux, Redux does not have the concept of a Dispatcher.
165165
> This is because it relies on pure functions instead of event emitters
166166
> -- [Prior Art | Redux](http://redux.js.org/docs/introduction/PriorArt.html "Prior Art | Redux")
167167
168-
### applymiddleware
168+
### applyMiddleware
169169

170-
次に、 _middleware_ を適応する処理となる `applyMiddleware`を実装していきます。
170+
次に、 _middleware_ を適用する処理となる `applyMiddleware`を実装していきます。
171171
先ほども書いたように、 _middleware_`dispatch` を拡張する仕組みです。
172172

173173
`applyMiddleware``dispatch`_middleware_ を受け取り、 _middleware_ で拡張した `dispatch` を返す関数です。
174174

175175
[import, apply-middleware.js](../../src/Redux/apply-middleware.js)
176176

177177
この`applyMiddleware`はReduxのものと同じなので、
178-
次のように _middleware_ を適応した `dispatch` 関数を作成できます。
178+
次のように _middleware_ を適用した `dispatch` 関数を作成できます。
179179

180180
[import, apply-middleware-example.js](../../src/Redux/apply-middleware-example.js)
181181

@@ -238,8 +238,8 @@ Reduxでは _middleware_ を前提とした処理を実装として書くこと
238238
ここでは[Redux][]のプラグインアーキテクチャについて学びました。
239239

240240
- Reduxの _middleware_ はActionオブジェクトに対する処理を書ける
241-
- _middleware_ に対しても三原則が適応されている
242-
- _middleware_ に対しても扱える機能の制限を適応しやすい
241+
- _middleware_ に対しても三原則が適用されている
242+
- _middleware_ に対しても扱える機能の制限を適用しやすい
243243
- _middleware_ のみで全ての処理が完結するわけではない
244244

245245
## 参考

src/Redux/redux-example.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ const reducer = (state = {}, action) => {
1010
return state;
1111
}
1212
};
13-
// 1. `logger`と`crashReporter`のmiddlewareを適応した`createStore`関数を作る
13+
// 1. `logger`と`crashReporter`のmiddlewareを適用した`createStore`関数を作る
1414
const createStoreWithMiddleware = applyMiddleware(createLogger(), timestamp)(createStore);
1515

1616
// 2. Reducerを登録したStoreを作成

test/prh.yml

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,13 @@ rules:
2424
- expected: middleware
2525
pattern:
2626
- ミドルウェア
27-
- Middleware
27+
- /\bMiddleware/
28+
specs:
29+
- from: Middleware
30+
to: middleware
31+
- from: applyMiddleware
32+
to: applyMiddleware
33+
2834
- expected: 使っているもの
2935
pattern: 使ってるもの
3036
- expected: String

0 commit comments

Comments
 (0)