Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20190130 - React - displayName - Lightning Talk
Search
Glenn 'devalias' Grant
January 30, 2019
Technology
0
7
20190130 - React - displayName - Lightning Talk
A lightning talk I gave in 2019 on React displayName usage.
Glenn 'devalias' Grant
January 30, 2019
Tweet
Share
More Decks by Glenn 'devalias' Grant
See All by Glenn 'devalias' Grant
Bug Bounty Hunting on Steroids [DEF CON 26]
0xdevalias
0
270
Gophers, whales and.. clouds? Oh my!
0xdevalias
0
440
Hack FaaSter: Leveraging Docker and OpenFaaS for fun and offensive (security) profit
0xdevalias
0
260
Other Decks in Technology
See All in Technology
AI時代、“平均値”ではいられない
uhyo
8
2.6k
Retrospectiveを振り返ろう
nakasho
0
120
CNCFの視点で捉えるPlatform Engineering - 最新動向と展望 / Platform Engineering from the CNCF Perspective
hhiroshell
0
140
プロダクト開発と社内データ活用での、BI×AIの現在地 / Data_Findy
sansan_randd
0
220
QA業務を変える(!?)AIを併用した不具合分析の実践
ma2ri
0
150
OSSで50の競合と戦うためにやったこと
yamadashy
3
1k
混合雲環境整合異質工作流程工具運行關鍵業務 Job 的經驗分享
yaosiang
0
190
様々なファイルシステム
sat
PRO
0
250
スタートアップの現場で実践しているテストマネジメント #jasst_kyushu
makky_tyuyan
0
140
IBC 2025 動画技術関連レポート / IBC 2025 Report
cyberagentdevelopers
PRO
2
190
Linux カーネルが支えるコンテナの仕組み / LF Japan Community Days 2025 Osaka
tenforward
1
130
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
7
3.5k
Featured
See All Featured
Designing for humans not robots
tammielis
254
26k
How to train your dragon (web standard)
notwaldorf
97
6.3k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
640
Music & Morning Musume
bryan
46
6.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Gamification - CAS2011
davidbonilla
81
5.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
Making Projects Easy
brettharned
120
6.4k
Fireside Chat
paigeccino
41
3.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Transcript
React: displayName Because trying to debug a nest of Unknown
components is kind of meh..
Functional Components
React 16.6 https://reactjs.org/blog/2018/10/23/react-v-16-6.html
React.memo Like React.PureComponent, but functional! https://reactjs.org/docs/react-api.html#reactmemo
Memoized Functional Components
React Developer Tools
Memo -> Memo -> Unknown -> WTF?
displayName? https://reactjs.org/docs/react-component.html#displayname
Maybe not..? ES6 ‘Fat Arrow’ anonymous function Named function
Wrapping Display Name https://reactjs.org/docs/higher-order-components.html#convention-wrap-the-display-name-fo r-easy-debugging
memoWithDisplayName app/javascript/src/shared/react-helpers.js
memoWithDisplayName
Components.. withDisplayName(s)!
But how do I know when I need it?
But how do I know when I need it?
But how do I know when I need it? ESLint
ESLint: react/display-name https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/display-name.md
Thank you!