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

React + Valtio

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
200
My experience for 3 years with React Native
Avatar for @YutamaKotaro yutamakotaro
0
75
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
91
AWS Summit2019 airCloset section
Avatar for @YutamaKotaro yutamakotaro
1
240
フルJSアーキテクトで作るエアークローゼット
Avatar for @YutamaKotaro yutamakotaro
2
630
タイタニック　ロジスティック回帰
Avatar for @YutamaKotaro yutamakotaro
0
190

Other Decks in Programming

See All in Programming
oxlintはeslint/typescript-eslintを置き換えられるのか
Avatar for shoma-fujita shomafujita
2
290
CLIであることを活かしたGitHub Copilot CLI活用術 / GitHub Copilot CLI Pro Tips & Tricks
Avatar for Naoya.i nao_mk2
1
1.2k
Inspired By RubyKaigi (EN)
Avatar for Atsushi Kawamura (atzz/a2c) atzzcokek
0
460
Zod v4 Codec でスキーマに型変換を埋め込む REST API 設計 #TSKaigi2026
Avatar for Ryutaro Yako ryutaro_yako
0
180
GitHub Copilot CLIのいいところ
Avatar for tkym htkym
2
1.2k
These Five Tricks Can Make Your Apps Greener, Cheaper, & Nicer
Avatar for Holly Cummins hollycummins
0
250
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
Avatar for terry-u16 terryu16
0
210
「エンジニアインターン、どうやって取った？」準備のリアルを語るLT会 Progate BAR
Avatar for akio akiomatic
0
110
AI 時代のソフトウェア設計の学び方
Avatar for 増田 亨 masuda220
PRO
29
11k
技術記事、AIに書かせるか、自分で書くか？ 〜それでも私が自分の手で書く理由〜 / #QiitaConference
Avatar for Junichi Ito jnchito
2
1.2k
プロパティの順序で型推論が壊れる!? TypeScript6.0の修正からContext-Sensitivityの仕組みを追う
Avatar for おおいし bicstone
2
1.3k
Oxcを導入して開発体験が向上した話
Avatar for Yuji Yamaguchi yug1224
4
260

Featured

See All Featured
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
290
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
140
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
370
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
300
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.7k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.4k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
240
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.3k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
210
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k

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