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
180
ライブラリはしご酒
yutamakotaro
0
140
My experience for 3 years with React Native
yutamakotaro
0
44
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
530
タイタニック ロジスティック回帰
yutamakotaro
0
170
Other Decks in Programming
See All in Programming
HTTP compression in PHP and Symfony apps
dunglas
2
1.7k
PSR-15 はあなたのための ものではない? - phpcon2024
myamagishi
0
110
フロントエンドのディレクトリ構成どうしてる? Feature-Sliced Design 導入体験談
osakatechlab
8
4.1k
DevFest Tokyo 2025 - Flutter のアプリアーキテクチャ現在地点
wasabeef
5
900
テストケースの名前はどうつけるべきか?
orgachem
PRO
0
130
責務を分離するための例外設計 - PHPカンファレンス 2024
kajitack
1
570
nekko cloudにおけるProxmox VE利用事例
irumaru
3
430
Webエンジニア主体のモバイルチームの 生産性を高く保つためにやったこと
igreenwood
0
330
fs2-io を試してたらバグを見つけて直した話
chencmd
0
230
なまけものオバケたち -PHP 8.4 に入った新機能の紹介-
tanakahisateru
1
120
テスト自動化失敗から再挑戦しチームにオーナーシップを委譲した話/STAC2024 macho
ma_cho29
1
1.3k
開発者とQAの越境で自動テストが増える開発プロセスを実現する
92thunder
1
180
Featured
See All Featured
A better future with KSS
kneath
238
17k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Optimizing for Happiness
mojombo
376
70k
Six Lessons from altMBA
skipperchong
27
3.5k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
BBQ
matthewcrist
85
9.4k
Site-Speed That Sticks
csswizardry
2
190
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.3k
Facilitating Awesome Meetings
lara
50
6.1k
Done Done
chrislema
181
16k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
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Λ'& #&Ͱ ɹɹɹɹɹڞ༗͢ΔͨΊʹ͏ͷ͋Γ͔ɻɻɻ
݁ʢݸਓతͳײʣ ͜Εɺͱ͍͍ͯͷͩɻ εΩϧϨϕϧͷ෯͍νʔϜͩͱΉ͔ͳ͍͔ ౷੍ͷͱΕͨνʔϜ͔ݸਓͩͱ͘ ͱʹ͔͘γϯϓϧͳͷͰϙςϯγϟϧߴ͍͕ɺ ͦΕΛҾ͖ग़ͤΔͷ͔։ൃऀ࣍ୈɻ