Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
9
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
280
Gophers, whales and.. clouds? Oh my!
0xdevalias
0
440
Hack FaaSter: Leveraging Docker and OpenFaaS for fun and offensive (security) profit
0xdevalias
0
270
Other Decks in Technology
See All in Technology
初めてのDatabricks AI/BI Genie
taka_aki
0
150
AIプラットフォームにおけるMLflowの利用について
lycorptech_jp
PRO
1
140
Debugging Edge AI on Zephyr and Lessons Learned
iotengineer22
0
200
「Managed Instances」と「durable functions」で広がるAWS Lambdaのユースケース
lamaglama39
0
320
ガバメントクラウド利用システムのライフサイクルについて
techniczna
0
190
MapKitとオープンデータで実現する地図情報の拡張と可視化
zozotech
PRO
1
140
ChatGPTで論⽂は読めるのか
spatial_ai_network
9
28k
Karate+Database RiderによるAPI自動テスト導入工数をCline+GitLab MCPを使って2割削減を目指す! / 20251206 Kazuki Takahashi
shift_evolve
PRO
1
750
IAMユーザーゼロの運用は果たして可能なのか
yama3133
1
170
Challenging Hardware Contests with Zephyr and Lessons Learned
iotengineer22
0
210
EM歴1年10ヶ月のぼくがぶち当たった苦悩とこれからへ向けて
maaaato
0
280
形式手法特論:CEGAR を用いたモデル検査の状態空間削減 #kernelvm / Kernel VM Study Hokuriku Part 8
ytaka23
2
460
Featured
See All Featured
Done Done
chrislema
186
16k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Why Our Code Smells
bkeepers
PRO
340
57k
Fireside Chat
paigeccino
41
3.7k
Raft: Consensus for Rubyists
vanstee
141
7.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.1k
[RailsConf 2023] Rails as a piece of cake
palkan
58
6.2k
Become a Pro
speakerdeck
PRO
31
5.7k
BBQ
matthewcrist
89
9.9k
Unsuck your backbone
ammeep
671
58k
Statistics for Hackers
jakevdp
799
230k
Designing for Performance
lara
610
69k
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!