Redux(浅)

Transcript

1. Redux(ઙ) ΤεΩϡʔϏζϜࣾ಺ٕज़LT tatsu
2. ͜Εʹؔͯ͠ޠΒͶ͹ͳΓ·͢·͍ Redux stateΛ؅ཧ͢ΔϑϨʔϜϫʔΫ react onlyͱ͸ݶΒͳ͍…ͱ͸͍͑reactͱηοτͰ࢖༻͞ΕΔ͜ͱ͕ଟ͍Β͍͠ state?

3. ReduxͷϑϧΥʔ(Flow) store view action
 creator reducer ViewͷೖྗͳͲ͔ΒActionCreator͕ActionΛ࡞੒ɻ
 ࡞੒͞ΕͨActionΛStore΁Dispatch͠มߋΛ఻͑Δɻ
 Store͸ݱStateͱActionΛReducerʹ౉͠ɺ
 ฦ͖ͬͯͨ৽StateΛอ࣋͢Δɻ ͦͯ͠Stateͷߋ৽ʹΑͬͯΠϕϯτ͕૸ΓViewͷߋ৽ͳͲ͕͞ΕΔɻ …͸͍ʁ
4. ϝϯόʔΛ঺հ͢Δͥᾇ
 ~THE γϯϓϧγϦʔζ~ Action Creator ActionΛ࡞੒͢Δ Action ಈ࡞Λ࣋ͬͨΦϒδΣΫτ
5. ϝϯόʔΛ঺հ͢Δͥᾈ Store StateΛҰݩ؅ཧ Լهͷ΋ͷΛอ࣋orఏڙ State ΞϓϦέʔγϣϯͷঢ়ଶɻϑΥʔϜͷ஋΍λϒͷબ୒ঢ়ଶͳͲɻ Dispatch StoreʹAction(͍ͨ͠ࣄ)Λ఻͑Δ Reducer ड͚औͬͨActionͱݱState͔Βɺͨͩ৽͍͠StateΛฦ͢
6. ࠶ɿReduxͷϑϧΥʔ(Flow) store view action
 creator reducer ViewͷೖྗͳͲ͔ΒActionCreator͕ActionΛ࡞੒ɻ
 ࡞੒͞ΕͨActionΛStore΁Dispatch͠มߋΛ఻͑Δɻ
 Store͸ݱStateͱActionΛReducerʹ౉͠ɺ
 ฦ͖ͬͯͨ৽StateΛอ࣋͢Δɻ ͦͯ͠Stateͷߋ৽ʹΑͬͯΠϕϯτ͕૸ΓViewͷߋ৽ͳͲ͕͞ΕΔɻ ҊͣΔΑΓ࢈Ή͕қ͠ʂ
7. ༨ஊ mobxɹstateΛ؅ཧ͢ΔϑϨʔϜϫʔΫ
 https://qiita.com/Takepepe/items/8172333655442314eb55 react-navigationɹϧʔςΟϯάϥΠϒϥϦ
 https://reactnavigation.org/ formicɹϑΥʔϜͷϥΠϒϥϦ
 https://github.com/jamiecopeland/react-formic mobx+react-navigation
 http://www.workabroad.jp/posts/2206