Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React + Valtio

Avatar for @YutamaKotaro @YutamaKotaro
October 03, 2021
Programming
140
0

React + Valtio

At RN LT

Avatar for @YutamaKotaro

@YutamaKotaro

October 03, 2021

More Decks by @YutamaKotaro

See All by @YutamaKotaro
0->1 現場におけるReactNative
Avatar for @YutamaKotaro yutamakotaro
0
250
ライブラリはしご酒
Avatar for @YutamaKotaro yutamakotaro
0
190
My experience for 3 years with React Native
Avatar for @YutamaKotaro yutamakotaro
0
71
React Nativeと共に歩んだ３年間【TECH STAND #3】
Avatar for @YutamaKotaro yutamakotaro
1
1.4k
React Native Game Engine in React Native Tech Blog Event
Avatar for @YutamaKotaro yutamakotaro
1
2k
React Native Book
Avatar for @YutamaKotaro yutamakotaro
0
86
AWS Summit2019 airCloset section
Avatar for @YutamaKotaro yutamakotaro
1
230
フルJSアーキテクトで作るエアークローゼット
Avatar for @YutamaKotaro yutamakotaro
2
620
タイタニック　ロジスティック回帰
Avatar for @YutamaKotaro yutamakotaro
0
190

Other Decks in Programming

See All in Programming
AI時代のエンジニアリングの原則 / Engineering Principles in the AI ​​Era
Avatar for haru860 haru860
0
340
VueエンジニアがReactを触って感じた_設計の違い
Avatar for kouki.miura koukimiura
0
180
ふりがな Deep Dive try! Swift Tokyo 2026
Avatar for watura watura
0
220
ルールルルルルRubyの中身の予備知識 ── RubyKaigiの前に予習しなイカ？
Avatar for ydah ydah
1
180
Programming with a DJ Controller — not vibe coding
Avatar for seki at druby.org m_seki
3
100
Spec Driven Development | AI Summit Vilnius
Avatar for Daniel Sogl danielsogl
PRO
1
100
Kubernetes上でAgentを動かすための最新動向と押さえるべき概念まとめ
Avatar for Sota Makino sotamaki0421
3
510
SREに優しいTerraform構成 modulesとstateの組み方
Avatar for hiyanger hiyanger
2
130
Vibe NLP for Applied NLP
Avatar for Ines Montani inesmontani
PRO
0
430
おれのAgentic Coding 2026/03
Avatar for TsukasaSekiguchi tsukasagr
1
150
iOS機能開発のAI環境と起きた変化
Avatar for Ryu-nakayama ryunakayama
0
180
PCOVから学ぶコードカバレッジ #phpcon_odawara
Avatar for hideki kinjyo o0h
PRO
0
270

Featured

See All Featured
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.9k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
380
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
370
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
290
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.2k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.6k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
120
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
260
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
890
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
890
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k

Transcript

  1. 3FBDU 7BMUJP !:VUBNB,PUBSP

  2. 7VFͷੈքʹߦ͖ͬͯ·ͨ͠ʂ ͍͍ͳ͊ɾɾͱࢥ͍ͭͭɺ3FBDUͷྑ͞Λ࠶ೝ ࣝ͢ΔʹࢸΓɺWBMUJPಋೖΛܾΊͨͷͰฉ͍ͯ͘ ͍ͩ͞ɻ

  3. 7VFQPJOUGSPNSFBDUVTFS ͱʹ͔͘؆ܿʹ͔͚Δ఺͕ඇৗʹΑ͍ɻ 3FBDU 7VF

  4. 7VFQPJOUGSPNSFBDUVTFS ͱʹ͔͘؆ܿʹ͔͚Δ఺͕ඇৗʹΑ͍ɻ 3FBDU 7VF

  5. 7VFQPJOUGSPNSFBDUVTFS ͱʹ͔͘؆ܿʹ͔͚Δ఺͕ඇৗʹΑ͍ɻ 3FBDU 7VF

  6. 7VFQPJOUGSPNSFBDUVTFS + 5 49͕࠷ߴͳΜͰɾɾɾɻͱ͍͏ҙݟ͕ࢄݟ 7VF 1SPQTͰϋϯυ ϥΛ౉͢ܗࣜɻ

  7. 7VFQPJOUGSPNSFBDUVTFS ݺͼग़͠ݩͰఆٛ΋ Մೳɻ + 5 49͕࠷ߴͳΜͰɾɾɾɻͱ͍͏ҙݟ͕ࢄݟ

  8. 7VFQPJOUGSPNSFBDUVTFS ͱࢸͬͯී௨ʹ࢖͏͜ͱ͕Ͱ͖·͢ɻ ͦͷଞɺ$VTUPNIPPLT΍DPOUFYU"1* ૬౰ͳ΋ͷ΋͋ͬͨΓɾɾɾɾ ͱΓΘ͚ศརͩͬͨͷ͕ɾɾɾ

  9. 3FBDUJWF ͱΓΘ͚ศརʹײͨ͡ͷ͸SFBDUJWF ͱΓΘ͚ศརʹײͨ͡ͷ ͸SFBDUJWF

  10. 7VFQPJOUGSPNSFBDUVTFS ඇৗʹ༏Εͨػೳ͕ͨ͘͞Μ͋ΔΜͰ͕͢ɾɾ Ұ෦ͷػೳ͸+49Ͱ͸࢖͑ͳ͍ͷͰɺ݁ہ͸ 
 4'$ʢ4JOHMF'JMF$PNQPOFOU͍ΘΏΔ7VFه ๏ ʹؼண͠·ͨ͠ʢ๻͸ɻɻɻҰ෦͚ͩKTYΛ࢖͏ ͷ͸͋Γͩͱࢥ͍·͢ɾɾʣɻ

  11. ΍ͬͺ+49͍͍ͬ͢ΑͶ Ͱ΋΍ͬͺ+49͍͍ͬ͢ΑͶɻγϯϓϧͰہॴతͳ ར༻΋Ͱ͖ɺίϯϙʔωϯτ࡞੒ͷ೉қ౓͕ͱͯ΋ Լ͕Γ·͢ɻ ͦͯ͠ɺԿΑΓࢥͬͨͷ͸ɺ 
 ɹɹʰ؆୯ʹॻ͚Δʱʰγϯϓϧʹॻ͚Δʱ 
 ɹɹɹɹɹɹɹɹɹɹɹɹɹΛཱ͍྆ͨ͠ͱʂʂ

  12. ͜ΕΛ+49ΰϦΰϦ؀ڥͰ͔͖͍ͨ +49ΰϦΰϦ؀ڥɺͭ·Γ3FBDUͳΜͰ͕͢ɾɾ $POUFYU"1*Ͱશମ؅ཧ͢Δͷ͸ͪΐͬͱΊΜͲ͘ ͍͞͠ɻɻɻ 3FEVY΍3FDPJMΑΓ΋΋ͬͱ͓खܰʹࣗ༝ʹָ͠ ͍ͨɻɻɻ

  13. ӡ໋ͷग़ձ͍ʂ ୳ͯ͠Έͯͳ͔ͬͨΒ࡞Ζ͏ͱࢥͬͯͨΒɾɾɾ 7BMUJPʹग़ձ͍·ͨ͠ʂʂ ͱͯ΋ૉ੖Β͘͠ײँײܹͰͨ͠ɻ ͱ͍͏͜ͱͰ7BMUJP঺հɻ ࡞ऀ͸!EBJTI͞Μ

  14. 7BMUJP 1SPYZΛ׆༻ͨ͠ɺͱʹ͔͘ 
 ɹɹγϯϓϧͳεςʔτϚωδϝϯτϥΠϒϥϦͰ͢ʂ 1SPYZΛ࢖͍ͬͯΔͱ͍͏͜ͱ͸ɻɻɻɻ 
 ɹɹɹɹɹͦ͏ɺϦΞΫςΟϒͳॻ͖ํ͕Ͱ͖ΔͷͰ͢ɻ

  15. 7BMUJP ͜ΕʹΑͬͯɺ͋ͱ͸Ϧ ΞΫςΟϒʹίʔυΛॻ ͚ͩ͘ɾɾʂʂ ೉͍͜͠ͱ͸Կ΋ͳ͓͘ ޷͖ʹࣗ༝ʹίʔυΛॻ ͚ͩ͘ɻ

  16. 7BMUJPGPS"DUJPO "DUJPO૬౰ͷ΋ͷ͸ ؔ਺Λఆٛ͢Δ͚ͩ TUBUF΁ͷΞΫηε ͳͲ͸ఆٛͨ͠΋ͷ ΛಡΈࠐΉ͚ͩͰ 0,ɻ

  17. 7BMUJPTVCTDSJCF Α΋΍3FBDUʹͱͲ·Β ͳ͍Ͱ͕͢ɾɾɾ αϒεΫϥΠϒ΋؆୯ʹ Ͱ͖·͢ɻ

  18. 7BMUJPDPNQVUFE1SPQFSUJFT ࢉज़ϓϩύςΟͷఆٛ΋ Մೳɻ ʢ"DUJPOΛTUBUFʹؚ ΊΔ͜ͱ΋ՄೳͰ͢ʣ

  19. 7BMUJPBSSBZ ࢸͬͯී௨ʹ"SSBZͷૢ࡞ ΋ߦ͑ΔͷͰɺؾʹ͢Δ͜ ͱ͸ຊ౰ʹগͳ͍ɻ ಺෦ͰύϑΥʔϚϯε;͘ ΊͪΌΜͱͨ͠ൺֱΛߦͬ ͯ͘Ε͍ͯΔɻ

  20. 7BMUJPBSHVNFOUFEVTF4UBUF VTF4UBUFΛ֦ு͢ Δ͜ͱ΋Ͱ͖ͨʂ ͓΄ʔʂʂ ʢVTF3FBDUJWF͸উख ʹ࡞ͬͨ΋ͷͰ͢ʣ

  21. ·ͱΊ γϯϓϧʹॻ͚Δʴ؆ૉʹॻ͚Δɹ 3FBDUͷྑ͞Λ7VFͷྑ͞Λମײ͠ɺ ͱ͍͏ਤࣜΛٻΊͨɻ݁Ռ7BMUJPʹग़ձͬͨɻ ݁Ռɺ࠷ߴͰͨ͠ʂʂɹ

  22. ݒ೦ ͱ͸͍͑ɾɾɾ γϯϓϧ͗͢ΔͨΊɺνʔϜ։ൃʹ͓͍ͯ͸  ௚઀TUBUFΛॻ͖׵͑Δ TUBUFΫϥοΧʔ   ॻ͖ํ͕·ͱ·Βͳ͍ʢDPEFεϓϨομʔʣ ͱ͍ͬͨײ͡ʹXBZʹ৐Εͳ͍ͷͰɺ͔ͬ͠Γͱํ

    ਑Λߟ͑ڞ༗͍ͯ͘͠ඞཁ͕͋Δؾ͕͢Δɻ

  23. ͱ͸͍͑ɺ͕͔ͩ͠͠ ࣗ༝౓͕ݶΓͳ͘ߴ͍ͨΊ  ࣗ෼Ͱ࡞Γ্ָ͍͛ͯ͘͠Έ  ੈք؍ͷ࣮ݱ  ΧελϚΠζੑͷ͔ͨ͞ ͱ͍ͬͨϚΠϯΫϥϑτతͳָ͠͞͸ਵҰɻ

  24. ༨ஊ 7BOJMB+4Ͱಈ͘͜ͱ΋Ұͭͷྑ͔͞΋ QSPYZTUBUFΛ'& #&Ͱ 
 ɹɹɹɹɹڞ༗͢ΔͨΊʹ࢖͏ͷ΋͋Γ͔΋ɻɻɻ

  25. ݁࿦ʢݸਓతͳײ૝ʣ  ͜Ε͸ɺͱͯ΋͍͍΋ͷͩɻ  εΩϧϨϕϧͷ෯޿͍νʔϜͩͱΉ͔ͳ͍͔΋  ౷੍ͷͱΕͨνʔϜ͔ݸਓͩͱ޲͘  ͱʹ͔͘γϯϓϧͳͷͰϙςϯγϟϧ͸ߴ͍͕ɺ ͦΕΛҾ͖ग़ͤΔͷ͔͸։ൃऀ࣍ୈɻ