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
230
ライブラリはしご酒
yutamakotaro
0
170
My experience for 3 years with React Native
yutamakotaro
0
53
React Nativeと共に歩んだ3年間【TECH STAND #3】
yutamakotaro
1
1.3k
React Native Game Engine in React Native Tech Blog Event
yutamakotaro
1
1.9k
React Native Book
yutamakotaro
0
65
AWS Summit2019 airCloset section
yutamakotaro
1
220
フルJSアーキテクトで作るエアークローゼット
yutamakotaro
2
590
タイタニック ロジスティック回帰
yutamakotaro
0
180
Other Decks in Programming
See All in Programming
意外と簡単!?フロントエンドでパスキー認証を実現する WebAuthn
teamlab
PRO
2
780
より安全で効率的な Go コードへ: Protocol Buffers Opaque API の導入
shwatanap
2
790
Design Foundational Data Engineering Observability
sucitw
3
210
個人軟體時代
ethanhuang13
0
330
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
3
260
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
870
為你自己學 Python - 冷知識篇
eddie
1
350
Android端末で実現するオンデバイスLLM 2025
masayukisuda
1
170
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
540
私の後悔をAWS DMSで解決した話
hiramax
4
210
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
280
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
kishida
22
5.9k
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Fireside Chat
paigeccino
39
3.6k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Faster Mobile Websites
deanohume
309
31k
How to Ace a Technical Interview
jacobian
279
23k
A Tale of Four Properties
chriscoyier
160
23k
Thoughts on Productivity
jonyablonski
70
4.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Designing for Performance
lara
610
69k
Documentation Writing (for coders)
carmenintech
74
5k
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Λ'& #&Ͱ ɹɹɹɹɹڞ༗͢ΔͨΊʹ͏ͷ͋Γ͔ɻɻɻ
݁ʢݸਓతͳײʣ ͜Εɺͱ͍͍ͯͷͩɻ εΩϧϨϕϧͷ෯͍νʔϜͩͱΉ͔ͳ͍͔ ౷੍ͷͱΕͨνʔϜ͔ݸਓͩͱ͘ ͱʹ͔͘γϯϓϧͳͷͰϙςϯγϟϧߴ͍͕ɺ ͦΕΛҾ͖ग़ͤΔͷ͔։ൃऀ࣍ୈɻ