Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Redux(浅)
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
S-cubism
September 29, 2017
0
53
Redux(浅)
S-cubism
September 29, 2017
Tweet
Share
More Decks by S-cubism
See All by S-cubism
WSLでreactの開発環境作った話
scubism
0
710
未経験者がAndroidアプリをリリースするまで
scubism
0
140
scubism_LT_20180223_細田謙二_イベントソーシング
scubism
0
160
REVEAL.JSをちょっとだけ使ってみた
scubism
0
270
忙しい人のための仮想通貨
scubism
0
120
サーバ作業の注意コマンド
scubism
0
140
最近勉強してること、次にやりたいこと
scubism
0
110
FOOD TECH
scubism
0
70
Firebase(Realtime Database)について
scubism
0
130
Featured
See All Featured
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
450
Skip the Path - Find Your Career Trail
mkilby
0
55
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
280
Agile that works and the tools we love
rasmusluckow
331
21k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
140
Game over? The fight for quality and originality in the time of robots
wayneb77
1
120
Why Our Code Smells
bkeepers
PRO
340
58k
The Invisible Side of Design
smashingmag
302
51k
Google's AI Overviews - The New Search
badams
0
900
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
54
Exploring anti-patterns in Rails
aemeredith
2
250
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Transcript
Redux(ઙ) ΤεΩϡʔϏζϜٕࣾज़LT tatsu
͜Εʹؔͯ͠ޠΒͶͳΓ·͢·͍ Redux stateΛཧ͢ΔϑϨʔϜϫʔΫ react onlyͱݶΒͳ͍…ͱ͍͑reactͱηοτͰ༻͞ΕΔ͜ͱ͕ଟ͍Β͍͠ state?
ReduxͷϑϧΥʔ(Flow) store view action creator reducer ViewͷೖྗͳͲ͔ΒActionCreator͕ActionΛ࡞ɻ ࡞͞ΕͨActionΛStoreDispatch͠มߋΛ͑Δɻ StoreݱStateͱActionΛReducerʹ͠ɺ ฦ͖ͬͯͨ৽StateΛอ࣋͢Δɻ
ͦͯ͠Stateͷߋ৽ʹΑͬͯΠϕϯτ͕ΓViewͷߋ৽ͳͲ͕͞ΕΔɻ …͍ʁ
ϝϯόʔΛհ͢Δͥᾇ ~THE γϯϓϧγϦʔζ~ Action Creator ActionΛ࡞͢Δ Action ಈ࡞Λ࣋ͬͨΦϒδΣΫτ
ϝϯόʔΛհ͢Δͥᾈ Store StateΛҰݩཧ ԼهͷͷΛอ࣋orఏڙ State ΞϓϦέʔγϣϯͷঢ়ଶɻϑΥʔϜͷλϒͷબঢ়ଶͳͲɻ Dispatch StoreʹAction(͍ͨ͠ࣄ)Λ͑Δ Reducer ड͚औͬͨActionͱݱState͔Βɺͨͩ৽͍͠StateΛฦ͢
࠶ɿReduxͷϑϧΥʔ(Flow) store view action creator reducer ViewͷೖྗͳͲ͔ΒActionCreator͕ActionΛ࡞ɻ ࡞͞ΕͨActionΛStoreDispatch͠มߋΛ͑Δɻ StoreݱStateͱActionΛReducerʹ͠ɺ ฦ͖ͬͯͨ৽StateΛอ࣋͢Δɻ
ͦͯ͠Stateͷߋ৽ʹΑͬͯΠϕϯτ͕ΓViewͷߋ৽ͳͲ͕͞ΕΔɻ ҊͣΔΑΓ࢈Ή͕қ͠ʂ
༨ஊ 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