Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

そのuseEffect、本当に必要？

Avatar for shirahama shirahama
March 23, 2024
Programming
190
0

 そのuseEffect、本当に必要？

Avatar for shirahama

shirahama

March 23, 2024

Other Decks in Programming

See All in Programming
iOS 27でニュースアプリはどう変わる！？ 〜日経電子版の新機能対応と、開発事例から〜
Avatar for Kazuki Nakashima lynnswap
7
13k
[ハンズオン]AIへの指示だけで「五目並べ」を作ってみよう
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
380
ジョジョの世界をXRで再現する
Avatar for mofurune mofurune
0
160
Agents on Rails - Rails at Scale 2026
Avatar for Irina Nazarova irinanazarova
0
560
RAG の “R” を Swift で覗いてみる 〜「意味から探す」検索の仕組み〜
Avatar for Nao-RandD nao_randd
0
160
FactoryBotをやめればRSpecは速くなるのか？
Avatar for nissyi yuta_onishi_97
0
270
IBM Bob でAI駆動開発『QC-Playbook』
Avatar for 1kano ichirokano2
0
110
最近”作らせてる” ローカルAIアプリの話
Avatar for ITO Akihiro akit37
0
470
すこし踏み込む CancellationToken
Avatar for tkym htkym
2
1.7k
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
190
月間100万人のサービス刷新で、 技術選定をHonoに振り切った話
Avatar for bara yutobara
8
6.6k
Domain-Driven Transformation
Avatar for Henning Schwentner hschwentner
2
2.3k

Featured

See All Featured
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
5.3M
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.8k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
320
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
490
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.4k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
2
35k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
270
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3.1k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8.1k

Transcript

  1. そのuseEffect、本当に必要？ shirahama

  2. 今日話すテーマ useEffectについて

  3. useEffectとは

  4. useEffect はコンポーネントを外部システムと同期させるための React フック

  5. useEffectの依存配列に変更を検知したい値を入れて 何らかの処理を行うような使い方は正しくない

  6. None

  7. 悪い例

  8. useEffectでfirstName、lastNameの変更を検知してfullNameを更新する Bad Pattern

  9. propsやstateといったReact内部の値に基づいた処理は • 必要以上に複雑になる （子コンポーネント、孫コンポーネントまで関連してくると処理を追うのが辛い。。。） • 余計な再レンダリングが起きる

  10. 良い例

  11. レンダリング中に計算する Good Pattern

  12. そのuseEffect、本当に必要？ React Docs: https://ja.react.dev/learn/you-might-not-need-an-effect

  13. 128個のuseEffectをランダムにチェックしたところ59個は不要なものだったらしい

  14. 「全てのuseEffectを生まれる前に消し去りたい」

  15. ご清聴ありがとうございました