$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
useSWRをuseContextの代わりに使ってみる試み
Search
Kanon
August 16, 2024
1
500
useSWRをuseContextの代わりに使ってみる試み
React Osaka Reboot
https://react-osaka.connpass.com/event/320355/
Kanon
August 16, 2024
Tweet
Share
More Decks by Kanon
See All by Kanon
GAS × Discord bot × Gemini で作ったさいきょーの情報収集ツール
ysknsid25
1
770
テストコード品質を高めるためにMutation Testingライブラリ・Strykerを実戦導入してみた話
ysknsid25
8
3.1k
そうだ、神戸へ行こう
ysknsid25
2
97
テストコードの品質を客観的な数値で担保しよう〜Mutation Testのすすめ〜
ysknsid25
12
4.6k
「ばん・さく・つき・たー!」にならないためにSHIROBAKOから 学んだこと
ysknsid25
4
1.1k
東遊園地近辺のおすすめランチ・カフェ
ysknsid25
3
330
Featured
See All Featured
Producing Creativity
orderedlist
PRO
341
39k
It's Worth the Effort
3n
183
27k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
260
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
KATA
mclloyd
29
14k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
17
2.2k
The Pragmatic Product Professional
lauravandoore
32
6.3k
4 Signs Your Business is Dying
shpigford
181
21k
Transcript
useSWRをuseContextの代わりに 使ってみる試み Kanon (@samurai_se) #react_osaka 1
2 自己紹介 ↓詳しくは↓ • 本業はKtor(Kotlin), Next.jsで副業がLaravel, Nest.js,Next.js • Kobe.tsという勉強会を主催しています •
地方コミュニティが好き Kanon アニオタ声豚酒カスラーメンレンジャー 水瀬いのり無限恒久永遠推し samurai_se
きっかけ 3
クラスメソッドのReact事情大公開スペシャル #3 4
このスライド 5
6 わかるような…?
useSWRとは 7
Vercel社製のデータフェッチライブラリ 基本的な使い方 8
useContextとして使ってみる 9
更新を伴わないcontextとして使う 10
初期表示時 11
カウントアップすると…? 12
更新を伴うcontextとして使う 13
画面イメージ 14
カウントボタンを押す 15
おわりに • だいたいこういうイメージで使えば、多くの場面で useContextではなくswrでグローバルに値を共有できそ う • 直接ライブラリの導入を抑えたければ、useContextの 代わりにswrを使ってみてもよさそう • ただswrのキャッシュ管理に使われているのは
useContextなので、直接入れるか間接的に入れてるか の違い 16
17 📢 おわりに宣伝 🙏 オフラインLT会を 神戸で開催してます! TS+周辺技術 Figma、npmなどなど 範囲が広いので登壇しやすい!
18 ご清聴、あざざました