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
React + Valtio
Search
@YutamaKotaro
October 03, 2021
Programming
0
120
React + Valtio
At RN LT
@YutamaKotaro
October 03, 2021
Tweet
Share
More Decks by @YutamaKotaro
See All by @YutamaKotaro
0->1 現場におけるReactNative
yutamakotaro
0
210
ライブラリはしご酒
yutamakotaro
0
160
My experience for 3 years with React Native
yutamakotaro
0
51
React Nativeと共に歩んだ3年間【TECH STAND #3】
yutamakotaro
1
1.3k
React Native Game Engine in React Native Tech Blog Event
yutamakotaro
1
1.8k
React Native Book
yutamakotaro
0
63
AWS Summit2019 airCloset section
yutamakotaro
1
210
フルJSアーキテクトで作るエアークローゼット
yutamakotaro
2
580
タイタニック ロジスティック回帰
yutamakotaro
0
180
Other Decks in Programming
See All in Programming
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
160
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
120
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
210
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
16k
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
5
2.2k
5つのアンチパターンから学ぶLT設計
narihara
1
160
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
160
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
630
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
270
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
920
Featured
See All Featured
A designer walks into a library…
pauljervisheath
207
24k
BBQ
matthewcrist
89
9.7k
Raft: Consensus for Rubyists
vanstee
140
7k
The Language of Interfaces
destraynor
158
25k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Scaling GitHub
holman
459
140k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
The Invisible Side of Design
smashingmag
301
51k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Transcript
3FBDU 7BMUJP !:VUBNB,PUBSP
7VFͷੈքʹߦ͖ͬͯ·ͨ͠ʂ ͍͍ͳ͊ɾɾͱࢥ͍ͭͭɺ3FBDUͷྑ͞Λ࠶ೝ ࣝ͢ΔʹࢸΓɺWBMUJPಋೖΛܾΊͨͷͰฉ͍ͯ͘ ͍ͩ͞ɻ
7VFQPJOUGSPNSFBDUVTFS ͱʹ͔͘؆ܿʹ͔͚Δ͕ඇৗʹΑ͍ɻ 3FBDU 7VF
7VFQPJOUGSPNSFBDUVTFS ͱʹ͔͘؆ܿʹ͔͚Δ͕ඇৗʹΑ͍ɻ 3FBDU 7VF
7VFQPJOUGSPNSFBDUVTFS ͱʹ͔͘؆ܿʹ͔͚Δ͕ඇৗʹΑ͍ɻ 3FBDU 7VF
7VFQPJOUGSPNSFBDUVTFS + 5 49͕࠷ߴͳΜͰɾɾɾɻͱ͍͏ҙݟ͕ࢄݟ 7VF 1SPQTͰϋϯυ ϥΛ͢ܗࣜɻ
7VFQPJOUGSPNSFBDUVTFS ݺͼग़͠ݩͰఆٛ Մೳɻ + 5 49͕࠷ߴͳΜͰɾɾɾɻͱ͍͏ҙݟ͕ࢄݟ
7VFQPJOUGSPNSFBDUVTFS ͱࢸͬͯී௨ʹ͏͜ͱ͕Ͱ͖·͢ɻ ͦͷଞɺ$VTUPNIPPLTDPOUFYU"1* ૬ͳͷ͋ͬͨΓɾɾɾɾ ͱΓΘ͚ศརͩͬͨͷ͕ɾɾɾ
3FBDUJWF ͱΓΘ͚ศརʹײͨ͡ͷSFBDUJWF ͱΓΘ͚ศརʹײͨ͡ͷ SFBDUJWF
7VFQPJOUGSPNSFBDUVTFS ඇৗʹ༏Εͨػೳ͕ͨ͘͞Μ͋ΔΜͰ͕͢ɾɾ Ұ෦ͷػೳ+49Ͱ͑ͳ͍ͷͰɺ݁ہ 4'$ʢ4JOHMF'JMF$PNQPOFOU͍ΘΏΔ7VFه ๏ ʹؼண͠·ͨ͠ʢɻɻɻҰ෦͚ͩKTYΛ͏ ͷ͋Γͩͱࢥ͍·͢ɾɾʣɻ
ͬͺ+49͍͍ͬ͢ΑͶ Ͱͬͺ+49͍͍ͬ͢ΑͶɻγϯϓϧͰہॴతͳ ར༻Ͱ͖ɺίϯϙʔωϯτ࡞ͷқ͕ͱͯ Լ͕Γ·͢ɻ ͦͯ͠ɺԿΑΓࢥͬͨͷɺ ɹɹʰ؆୯ʹॻ͚Δʱʰγϯϓϧʹॻ͚Δʱ ɹɹɹɹɹɹɹɹɹɹɹɹɹΛཱ͍྆ͨ͠ͱʂʂ
͜ΕΛ+49ΰϦΰϦڥͰ͔͖͍ͨ +49ΰϦΰϦڥɺͭ·Γ3FBDUͳΜͰ͕͢ɾɾ $POUFYU"1*Ͱશମཧ͢ΔͷͪΐͬͱΊΜͲ͘ ͍͞͠ɻɻɻ 3FEVY3FDPJMΑΓͬͱ͓खܰʹࣗ༝ʹָ͠ ͍ͨɻɻɻ
ӡ໋ͷग़ձ͍ʂ ୳ͯ͠Έͯͳ͔ͬͨΒ࡞Ζ͏ͱࢥͬͯͨΒɾɾɾ 7BMUJPʹग़ձ͍·ͨ͠ʂʂ ͱͯૉΒ͘͠ײँײܹͰͨ͠ɻ ͱ͍͏͜ͱͰ7BMUJPհɻ ࡞ऀ!EBJTI͞Μ
7BMUJP 1SPYZΛ׆༻ͨ͠ɺͱʹ͔͘ ɹɹγϯϓϧͳεςʔτϚωδϝϯτϥΠϒϥϦͰ͢ʂ 1SPYZΛ͍ͬͯΔͱ͍͏͜ͱɻɻɻɻ ɹɹɹɹɹͦ͏ɺϦΞΫςΟϒͳॻ͖ํ͕Ͱ͖ΔͷͰ͢ɻ
7BMUJP ͜ΕʹΑͬͯɺ͋ͱϦ ΞΫςΟϒʹίʔυΛॻ ͚ͩ͘ɾɾʂʂ ͍͜͠ͱԿͳ͓͘ ͖ʹࣗ༝ʹίʔυΛॻ ͚ͩ͘ɻ
7BMUJPGPS"DUJPO "DUJPO૬ͷͷ ؔΛఆٛ͢Δ͚ͩ TUBUFͷΞΫηε ͳͲఆٛͨ͠ͷ ΛಡΈࠐΉ͚ͩͰ 0,ɻ
7BMUJPTVCTDSJCF Α3FBDUʹͱͲ·Β ͳ͍Ͱ͕͢ɾɾɾ αϒεΫϥΠϒ؆୯ʹ Ͱ͖·͢ɻ
7BMUJPDPNQVUFE1SPQFSUJFT ࢉज़ϓϩύςΟͷఆٛ Մೳɻ ʢ"DUJPOΛTUBUFʹؚ ΊΔ͜ͱՄೳͰ͢ʣ
7BMUJPBSSBZ ࢸͬͯී௨ʹ"SSBZͷૢ࡞ ߦ͑ΔͷͰɺؾʹ͢Δ͜ ͱຊʹগͳ͍ɻ ෦ͰύϑΥʔϚϯε;͘ ΊͪΌΜͱͨ͠ൺֱΛߦͬ ͯ͘Ε͍ͯΔɻ
7BMUJPBSHVNFOUFEVTF4UBUF VTF4UBUFΛ֦ு͢ Δ͜ͱͰ͖ͨʂ ͓΄ʔʂʂ ʢVTF3FBDUJWFউख ʹ࡞ͬͨͷͰ͢ʣ
·ͱΊ γϯϓϧʹॻ͚Δʴ؆ૉʹॻ͚Δɹ 3FBDUͷྑ͞Λ7VFͷྑ͞Λମײ͠ɺ ͱ͍͏ਤࣜΛٻΊͨɻ݁Ռ7BMUJPʹग़ձͬͨɻ ݁Ռɺ࠷ߴͰͨ͠ʂʂɹ
ݒ೦ ͱ͍͑ɾɾɾ γϯϓϧ͗͢ΔͨΊɺνʔϜ։ൃʹ͓͍ͯ TUBUFΛॻ͖͑Δ TUBUFΫϥοΧʔ ॻ͖ํ͕·ͱ·Βͳ͍ʢDPEFεϓϨομʔʣ ͱ͍ͬͨײ͡ʹXBZʹΕͳ͍ͷͰɺ͔ͬ͠Γͱํ
Λߟ͑ڞ༗͍ͯ͘͠ඞཁ͕͋Δؾ͕͢Δɻ
ͱ͍͑ɺ͕͔ͩ͠͠ ࣗ༝͕ݶΓͳ͘ߴ͍ͨΊ ࣗͰ࡞Γ্ָ͍͛ͯ͘͠Έ ੈք؍ͷ࣮ݱ ΧελϚΠζੑͷ͔ͨ͞ ͱ͍ͬͨϚΠϯΫϥϑτతͳָ͠͞ਵҰɻ
༨ஊ 7BOJMB+4Ͱಈ͘͜ͱҰͭͷྑ͔͞ QSPYZTUBUFΛ'& #&Ͱ ɹɹɹɹɹڞ༗͢ΔͨΊʹ͏ͷ͋Γ͔ɻɻɻ
݁ʢݸਓతͳײʣ ͜Εɺͱ͍͍ͯͷͩɻ εΩϧϨϕϧͷ෯͍νʔϜͩͱΉ͔ͳ͍͔ ౷੍ͷͱΕͨνʔϜ͔ݸਓͩͱ͘ ͱʹ͔͘γϯϓϧͳͷͰϙςϯγϟϧߴ͍͕ɺ ͦΕΛҾ͖ग़ͤΔͷ͔։ൃऀ࣍ୈɻ