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
260
ライブラリはしご酒
Avatar for @YutamaKotaro yutamakotaro
0
210
My experience for 3 years with React Native
Avatar for @YutamaKotaro yutamakotaro
0
79
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
93
AWS Summit2019 airCloset section
Avatar for @YutamaKotaro yutamakotaro
1
240
フルJSアーキテクトで作るエアークローゼット
Avatar for @YutamaKotaro yutamakotaro
2
640
タイタニック　ロジスティック回帰
Avatar for @YutamaKotaro yutamakotaro
0
200

Other Decks in Programming

See All in Programming
Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
150
JavaDoc 再入門
Avatar for nagise nagise
1
370
Vue × Nuxt × Oxc どこまで使える？実運用の現在地
Avatar for ANDPAD inc andpad
0
270
技術記事、 専門家としてのプログラマ、 言語化
Avatar for Koutarou Chikuba mizchi
13
6.2k
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
Avatar for hideki kinjyo o0h
PRO
0
260
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
Avatar for hirokuni-maeta hirokunimaeta
0
580
IBM Bobを活用したレガシーアプリの最新化
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
1
200
Oxcを導入して開発体験が向上した話
Avatar for Yuji Yamaguchi yug1224
4
320
キャリア迷子上等 ─ "ない道"は自分で作ればいい
Avatar for 16bit_idol 16bitidol
3
2.2k
Agentic UI
Avatar for Manfred Steyer manfredsteyer
PRO
0
180
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
3
710
Observability in Practice：Grafana 與 Edge Device SRE 的那些事
Avatar for Blueswen blueswen
0
170

Featured

See All Featured
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
230
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
650
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
850
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
140
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
9.1k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
430
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k

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