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
5
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
420
Hack FaaSter: Leveraging Docker and OpenFaaS for fun and offensive (security) profit
0xdevalias
0
250
Other Decks in Technology
See All in Technology
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
530
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
150
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
4.7k
Github Copilot エージェントモードで試してみた
ochtum
0
140
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
390
作曲家がボカロを使うようにPdMはAIを使え
itotaxi
0
410
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
10k
AI専用のリンターを作る #yumemi_patch
bengo4com
5
3.5k
論文紹介:LLMDet (CVPR2025 Highlight)
tattaka
0
280
AWS認定を取る中で感じたこと
siromi
1
150
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.4k
怖くない!はじめてのClaude Code
shinya337
0
330
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
BBQ
matthewcrist
89
9.7k
Testing 201, or: Great Expectations
jmmastey
42
7.6k
Embracing the Ebb and Flow
colly
86
4.7k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
For a Future-Friendly Web
brad_frost
179
9.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Invisible Side of Design
smashingmag
301
51k
How to Ace a Technical Interview
jacobian
277
23k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
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!