概要

普段RailsとAndroidのコードしか書いてなくて、js系のフレームワークを全く触ってなかったので流行りのReact.jsを使ってWebアプリを製作してみることにした。
調べてみたらReduxというmoduleが良いと書いてあったので試してみた。

読者対象は基本的に将来の自分ですが、もっとこんなのあるよ！とここ間違ってるよ！みたいな編集リクエストとかは大歓迎です。

今回の学習で自動車免許学科試験というWebアプリを作りました。よければ使ってください。

今回は概要編です。

Reactとは

データ, 見た目, 振る舞い全てをひとまとめにしたもの
state(状態)を受け取ってViewを生成する部分

現在の状態を示すもの。Reactでは基本的にこの値を更新する個でViewを更新していく

Reduxは3原則に則って状態変化の流れを制限することで、状態を管理できるようにしている。

アプリの状態をもつStoreはただ1つ。

状態を変更するには必ずActionを発行しなければならない。

Actionにより状態をどう変更させるかはReducerが行なう。

mae's blogさんのサイトに載ってた図が分かりやすかった

よくわからない単語がたくさん出てきて非常に辛い
最後の状態遷移の画像がよく表されているけれど、それでもなんとなく程度にしか理解できなかった。
実際にコードを書きながらやったほうが早い気がする