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の細かい話 #react_fukuoka
Search
Hiroyuki ANAI
January 25, 2019
Programming
0
790
Reduxの細かい話 #react_fukuoka
React勉強会@福岡 vol.1 - connpass
https://rakko.connpass.com/event/113051/
Hiroyuki ANAI
January 25, 2019
Tweet
Share
More Decks by Hiroyuki ANAI
See All by Hiroyuki ANAI
compilerOptions、全部読んだ
pirosikick
1
160
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
300
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
320
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
17k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.8k
Web Share Target API #w3fukuoka
pirosikick
0
630
Google I/O '19のWebをまとめる会
pirosikick
2
790
PuppeteerでいらないCSSを消す
pirosikick
24
28k
Progressive Hydration #react_fukuoka
pirosikick
5
1.7k
Other Decks in Programming
See All in Programming
functionalなアプローチで動的要素を排除する
ryopeko
1
220
Rubyでつくるパケットキャプチャツール
ydah
0
180
PHPUnitしか使ってこなかった 一般PHPerがPestに乗り換えた実録
mashirou1234
0
420
rails newと同時に型を書く
aki19035vc
5
710
はてなにおけるfujiwara-wareの活用やecspressoのCI/CD構成 / Fujiwara Tech Conference 2025
cohalz
3
2.8k
Androidアプリの One Experience リリース
nein37
0
1.2k
Amazon Nova Reelの可能性
hideg
0
200
『改訂新版 良いコード/悪いコードで学ぶ設計入門』活用方法−爆速でスキルアップする!効果的な学習アプローチ / effective-learning-of-good-code
minodriven
28
4.2k
AppRouterを用いた大規模サービス開発におけるディレクトリ構成の変遷と問題点
eiganken
1
450
最近のVS Codeで気になるニュース 2025/01
74th
1
110
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
10
5.2k
各クラウドサービスにおける.NETの対応と見解
ymd65536
0
250
Featured
See All Featured
Done Done
chrislema
182
16k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Typedesign – Prime Four
hannesfritz
40
2.5k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Documentation Writing (for coders)
carmenintech
67
4.5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Why Our Code Smells
bkeepers
PRO
335
57k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Transcript
3FEVYͷࡉ͔͍ ۚ 3FBDUษڧձ!ԬWPM !QJSPTJLJDL
ࣗݾհ w !QJSPTJLJDL w ݀Ҫ w 3FBDUೖʢᠳӭࣾʣஶऀ w εϚϒϥͷ࿅श͍͕ͨ͠ εϓϥτΡʔϯ͕·͍ͩ͠
͢͜ͱ w 3FEVYͷ w ʮ͍ͬͯΔਓ͍ͬͯΔɺΒͳ͍ਓ֮͑ͯͶʯ w ͱ͍͏ݟʹ͍ͭͯ͠·͢ w ʮࡉ͔͍ʯͱ͍͏ͱඍົͳؾ͕ͨ͠ͷͰʁ͚·ͨ͠ w
ʮେͳ͡Όͳ͍ʯͱ͍͏ҙຯ߹͍͔͠Εͳ͍ w Α͏খωλͰ͢
ͳΜͰʁ w 3FEVY͍ͩͿރΕ͍ͯΔ͕ɺ w ੲ͔ΒͬͯΔਓͱ࠷ۙ͡ΊͨਓͰ ࣝͷ։͖͕େ͖͍ؾ͕͢Δ w ͦͷࣝͷ։͖ΛຒΊΔͷ͋Μ·Γͳ͍ؾ͕͢Δ w ͳͷͰɺ࠷࣭ۙ͞Εͨ͜ͱͷΞϯαʔ
͜ΕͬͯͨΒศརͱ͍͏͜ͱΛ͠·͢ w ͍ͬͯΔਓʹͱͬͯ ʮͨΓલ͡ΌΜʯΈ͍ͨͳ͔͠Εͳ͍͕ྃ͝ঝ͍ͩ͘͞
࣍ w EJTQBUDIͷฦΓ w SFEVYUIVOLͷXJUI&YUSB"SHVNFOU
EJTQBUDIͷฦΓ
EJTQBUDIͷฦΓ w EJTQBUDIฦΓΛฦ͍ͯ͠Δ w αϯϓϧίʔυͰར༻͞Ε͍ͯΔͷΛ ͋·Γݟ͔͚ͳ͍͕ɻ w ฦΓEJTQBUDIͨ͠"DUJPOΛॲཧͨ͠ .JEEMFXBSFʹΑͬͯมΘΔ w
.JEEMFXBSF͕ແ͍PS Ͳͷ.JEEMFXBSFॲཧ͠ͳ͔ͬͨ߹ w "DUJPOΛฦ͢
SFEVYUIVOLͷ߹ɿ EJTQBUDIͨؔ͠ͷ݁ՌΛฦ͢
Ͳ͏͍͏࣌ʹศར͔ʁ w SFEVYUIVOLͷ߹ w UIVOLΞΫγϣϯͷதͰ ผͷUIVOLΞΫγϣϯΛEJTQBUDI͢Δ߹ w ݺͼग़ͨ͠UIVOLΞΫγϣϯͷ݁ՌΛݟͯ ৼΔ͍Λม͑Δ͜ͱ͕Ͱ͖Δ
αϯϓϧίʔυɿ σʔλΛऔಘ͢ΔΞΫγϣϯ
αϯϓϧίʔυɿ 6*Λදࣔ͢ΔͨΊͷΞΫγϣϯ υϝΠϯϞσϧͱ6*ͷ4UBUFɾ"DUJPOΛ ͖ͬͪΓ͚Δ͜ͱ͕Ͱ͖Δ
w SFEVYUIVOLҎ֎͔Βͳ͍Ͱ͢CPX w ͍ͬͯΔ.JEEMFXBSFͷ EJTQBUDIͷฦΓΛௐΔͱͳʹ͔ൃݟ͕͋Δ͔ʂ
SFEVYUIVOLͷ XJUI&YUSB"SHVNFOU
SFEVYUIVOLͷ XJUI&YUSB"SHVNFOU w UIVOL.JEEMFXBSFXJUI&YUSB"SHVNFOU BSHVNFOU w UIVOLΞΫγϣϯͷୈҾʹ ҙͷΛ͢͜ͱ͕Ͱ͖Δ
BQQMZ.JEEMFXBSF͢Δଆͷίʔυ
BQQMZ.JEEMFXBSF͢Δଆͷίʔυ
BDUJPOଆͷίʔυ
BDUJPOଆͷίʔυ
Կ͕͏Ε͍͠ͷ͔ʁ w ςετ͕গ͠γϯϓϧʹͳΔ w UIVOLΞΫγϣϯͷৼΔ͍ͷ֦ு͕༰қʹͳΔ
Α͋͘ΔUIVOLΞΫγϣϯͷίʔυྫ
Α͋͘ΔUIVOLΞΫγϣϯͷίʔυྫ BQJUTʹґଘ
KFTUNPDLΛͬͯ୯ମςετ KFTUNPDLͰؔΛ KFTUGOʹࠩ͠ସ͑Δ
&YUSB"SHVNFOU͔ΒBQJΛ͢ɿ BQQMZ.JEEMFXBSFଆͷίʔυ
&YUSB"SHVNFOU͔ΒBQJΛ͢ɿ BDUJPOଆͷίʔυ
&YUSB"SHVNFOU͔ΒBQJΛ͢ɿ BDUJPOଆͷίʔυ BQJUTͷґଘʢJNQPSUจʣ͕ແ͘ͳΔ
मਖ਼ޙͷςετίʔυ
मਖ਼ޙͷςετίʔυ
मਖ਼ޙͷςετίʔυ KFTUNPDLෆཁ ςετ͕ͪΐͬͱγϯϓϧʹ
ৼΔ͍ͷ֦ு͕༰қʹͳΔ w &YUSB"SHVNFOUͷBQJͷܕΛ۩Ͱͳ͘ நʢΠϯλϑΣʔεʣʹ͢Δ͜ͱͰɺ w UIVOLΞΫγϣϯΛมߋͤͣʹৼΔ͍Λ֦ுͰ͖Δ
BQQMZ.JEEMFXBSFଆͷίʔυɿ BQJͷܕΛநʢΠϯλϑΣʔεʣʹ͢Δ
BQQMZ.JEEMFXBSFଆͷίʔυɿ BQJͷΠϯλϑΣʔεΛ࣮ BDUJPOΛม͑ͣʹৼΔ͍Λ֦ுͰ͖Δ ྫɿ 3FTU"1*͔Β(SBQI2-ʹม͑Δ 443ͱ$43Ͱσʔλऔಘํ๏Λม͑Δ ςετ༻ͷϞοΫ"1*ΫϥΠΞϯτ
͓ΘΓ w ࣗʹͱͬͯͨΓલͰ ଞऀʹͱͬͯͦ͏ͱݶΒͳ͍ w ͨ·ʹυΩϡϝϯτΛݟฦ͢ͱɺ ৽͍͠ൃݟ͕͋Δ͔
͋Γ͕ͱ͏ ͍͟͝·ͨ͠