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
210
ライブラリはしご酒
Avatar for @YutamaKotaro yutamakotaro
0
160
My experience for 3 years with React Native
Avatar for @YutamaKotaro yutamakotaro
0
51
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.8k
React Native Book
Avatar for @YutamaKotaro yutamakotaro
0
63
AWS Summit2019 airCloset section
Avatar for @YutamaKotaro yutamakotaro
1
210
フルJSアーキテクトで作るエアークローゼット
Avatar for @YutamaKotaro yutamakotaro
2
580
タイタニック　ロジスティック回帰
Avatar for @YutamaKotaro yutamakotaro
0
180

Other Decks in Programming

See All in Programming
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
Avatar for Mana Takada mana_takada
0
160
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
Avatar for Sébastien LECACHEUR slecache
0
120
AIプログラマーDevinは PHPerの夢を見るか？
Avatar for Shinya Saita shinyasaita
1
210
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
Avatar for コドモン開発チーム codmoninc
1
16k
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
Avatar for Yuichi Maekawa kaelaela
5
2.2k
5つのアンチパターンから学ぶLT設計
Avatar for Narihara narihara
1
160
地方に住むエンジニアの残酷な現実とキャリア論
Avatar for nakamichi ichimichi
5
1.5k
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
Avatar for Oikon s4yuba
16
11k
Flutterで備える！Accessibility Nutrition Labels完全ガイド
Avatar for 野瀬田　裕樹 yuukiw00w
0
160
『自分のデータだけ見せたい！』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
Avatar for AkitoTsukahara akitotsukahara
2
630
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
Avatar for Chiaki Okamoto chiilog
1
270
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
Avatar for Yuka O’oka oukayuka
2
920

Featured

See All Featured
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.4k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
48
5.4k
Scaling GitHub
Avatar for Zach Holman holman
459
140k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k

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