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
110
React + Valtio
At RN LT
@YutamaKotaro
October 03, 2021
Tweet
Share
More Decks by @YutamaKotaro
See All by @YutamaKotaro
0->1 現場におけるReactNative
yutamakotaro
0
170
ライブラリはしご酒
yutamakotaro
0
140
My experience for 3 years with React Native
yutamakotaro
0
43
React Nativeと共に歩んだ3年間【TECH STAND #3】
yutamakotaro
1
1.3k
React Native Game Engine in React Native Tech Blog Event
yutamakotaro
1
1.6k
React Native Book
yutamakotaro
0
54
AWS Summit2019 airCloset section
yutamakotaro
1
200
フルJSアーキテクトで作るエアークローゼット
yutamakotaro
2
520
タイタニック ロジスティック回帰
yutamakotaro
0
170
Other Decks in Programming
See All in Programming
Ethereum_.pdf
nekomatu
0
470
TypeScriptでライブラリとの依存を限定的にする方法
tutinoko
3
700
NSOutlineView何もわからん:( 前編 / I Don't Understand About NSOutlineView :( Pt. 1
usagimaru
0
340
見せてあげますよ、「本物のLaravel批判」ってやつを。
77web
7
7.8k
OSSで起業してもうすぐ10年 / Open Source Conference 2024 Shimane
furukawayasuto
0
110
『ドメイン駆動設計をはじめよう』のモデリングアプローチ
masuda220
PRO
8
540
Webの技術スタックで マルチプラットフォームアプリ開発を可能にするElixirDesktopの紹介
thehaigo
2
1k
watsonx.ai Dojo #4 生成AIを使ったアプリ開発、応用編
oniak3ibm
PRO
1
150
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
610
C++でシェーダを書く
fadis
6
4.1k
レガシーシステムにどう立ち向かうか 複雑さと理想と現実/vs-legacy
suzukihoge
14
2.3k
React への依存を最小にするフロントエンド設計
takonda
1
230
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
32
1.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
Faster Mobile Websites
deanohume
305
30k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Automating Front-end Workflow
addyosmani
1366
200k
Designing for Performance
lara
604
68k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Bash Introduction
62gerente
608
210k
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Λ'& #&Ͱ ɹɹɹɹɹڞ༗͢ΔͨΊʹ͏ͷ͋Γ͔ɻɻɻ
݁ʢݸਓతͳײʣ ͜Εɺͱ͍͍ͯͷͩɻ εΩϧϨϕϧͷ෯͍νʔϜͩͱΉ͔ͳ͍͔ ౷੍ͷͱΕͨνʔϜ͔ݸਓͩͱ͘ ͱʹ͔͘γϯϓϧͳͷͰϙςϯγϟϧߴ͍͕ɺ ͦΕΛҾ͖ग़ͤΔͷ͔։ൃऀ࣍ୈɻ