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

React + Valtio

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

React + Valtio

At RN LT

Avatar for @YutamaKotaro

@YutamaKotaro

October 03, 2021
Tweet

More Decks by @YutamaKotaro

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

Other Decks in Programming

See All in Programming
EMこそClaude Codeでコード調査しよう
Avatar for shibayu36 shibayu36
0
450
Pythonに漸進的に型をつける
Avatar for Nealle nealle
1
130
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
Avatar for GENIEE ,Inc geniee_inc
0
140
CSC509 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
250
CSC305 Lecture 10
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
290
AI駆動で0→1をやって見えた光と伸びしろ
Avatar for passion😎 passion0102
1
860
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
Avatar for Holly Cummins hollycummins
0
260
技術的負債の正体を知って向き合う
Avatar for irof irof
0
270
Webサーバーサイド言語としてのRustについて
Avatar for kaza kouyuume
1
4.9k
品質ワークショップをやってみた
Avatar for Nealle nealle
0
640
開発組織の戦略的な役割と 設計スキル向上の効果
Avatar for 増田 亨 masuda220
PRO
10
1.7k
NixOS + Kubernetesで構築する自宅サーバーのすべて
Avatar for ichi-h ichi_h3
0
1.2k

Featured

See All Featured
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.1k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
650
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
354
21k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
11k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
890
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
8
310
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k

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