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
190
ライブラリはしご酒
yutamakotaro
0
140
My experience for 3 years with React Native
yutamakotaro
0
46
React Nativeと共に歩んだ3年間【TECH STAND #3】
yutamakotaro
1
1.3k
React Native Game Engine in React Native Tech Blog Event
yutamakotaro
1
1.7k
React Native Book
yutamakotaro
0
56
AWS Summit2019 airCloset section
yutamakotaro
1
200
フルJSアーキテクトで作るエアークローゼット
yutamakotaro
2
540
タイタニック ロジスティック回帰
yutamakotaro
0
170
Other Decks in Programming
See All in Programming
Асинхронность неизбежна: как мы проектировали сервис уведомлений
lamodatech
0
1.3k
ChatGPT とつくる PHP で OS 実装
memory1994
PRO
3
190
EC2からECSへ 念願のコンテナ移行と巨大レガシーPHPアプリケーションの再構築
sumiyae
3
590
ある日突然あなたが管理しているサーバーにDDoSが来たらどうなるでしょう?知ってるようで何も知らなかったDDoS攻撃と対策 #phpcon.2024
akase244
2
7.7k
歴史と現在から考えるスケーラブルなソフトウェア開発のプラクティス
i10416
0
300
asdf-ecspresso作って 友達が増えた話 / Fujiwara Tech Conference 2025
koluku
0
1.4k
混沌とした例外処理とエラー監視に秩序をもたらす
morihirok
13
2.3k
技術的負債と向き合うカイゼン活動を1年続けて分かった "持続可能" なプロダクト開発
yuichiro_serita
0
300
20241217 競争力強化とビジネス価値創出への挑戦:モノタロウのシステムモダナイズ、開発組織の進化と今後の展望
monotaro
PRO
0
290
Scaling your build logic
antalmonori
1
100
React 19でお手軽にCSS-in-JSを自作する
yukukotani
5
560
ErdMap: Thinking about a map for Rails applications
makicamel
1
650
Featured
See All Featured
Statistics for Hackers
jakevdp
797
220k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.1k
Making the Leap to Tech Lead
cromwellryan
133
9k
Documentation Writing (for coders)
carmenintech
67
4.5k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Visualization
eitanlees
146
15k
How STYLIGHT went responsive
nonsquared
96
5.3k
Become a Pro
speakerdeck
PRO
26
5.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Why Our Code Smells
bkeepers
PRO
335
57k
A better future with KSS
kneath
238
17k
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Λ'& #&Ͱ ɹɹɹɹɹڞ༗͢ΔͨΊʹ͏ͷ͋Γ͔ɻɻɻ
݁ʢݸਓతͳײʣ ͜Εɺͱ͍͍ͯͷͩɻ εΩϧϨϕϧͷ෯͍νʔϜͩͱΉ͔ͳ͍͔ ౷੍ͷͱΕͨνʔϜ͔ݸਓͩͱ͘ ͱʹ͔͘γϯϓϧͳͷͰϙςϯγϟϧߴ͍͕ɺ ͦΕΛҾ͖ग़ͤΔͷ͔։ൃऀ࣍ୈɻ