SlideShare a Scribd company logo
componentDidCatch
and Error Boundaries in
React v16+
Who am I!
● Twitter: @rohan10
● Github: rohannair
● Head of Engineering - Pungle
● React-ing since Jan 2015
● React 16 aka initial Fiber
release
● New reconciliation algorithm
● Rewritten internal renderer
● The future!
● 16.0 adds componentDidCatch
Background!
Let’s dive into code...
Further Readings!
● https://github.com/rohannair/errorboundaries-sep19
● https://facebook.github.io/react/blog/2017/07/26/error-handling-in-r
eact-16.html
● https://github.com/acdlite/react-fiber-architecture
● https://github.com/rohannair/react-reconciliation-presentation
Quick announcement
● OICR - Looking for devs!
Frontend (React, Relay),
backend (GraphQL, Python,
ElasticSearch)
● Go talk to Alex Wilmer (he
looks like this →)
Thank you!

More Related Content

What's hot (20)

PDF
A practical 30m intro to Git vcs
Olivier Garcia
 
PDF
Golang taipei #45 10th birthday
Evan Lin
 
PDF
G*Magazineを読もう
Takuma Watabiki
 
PDF
iThome Chatbot Day: 透過 Golang 無痛建置機器學習聊天機器人
Evan Lin
 
PDF
T3chFest 2017 - La Revolucion del Open Source
Iván López Martín
 
PPTX
How I become Go GDE
Evan Lin
 
PDF
Nordic Testing Days - Tallinn 2017 - Test your Java applications with Spock
Iván López Martín
 
PDF
GitHub Introduction
VIA Next Innovators
 
PPTX
Git & Github
Aman Lalpuria
 
PPTX
Open source
onaelmangabo
 
PDF
GitLab_meetup_tokyo_201807
Shota Ito
 
PDF
Hacktoberfest 2020
Pranshu Pareek
 
PDF
Gerrit Analytics applied to Android source code
Luca Milanesio
 
PDF
JavaCro 2016 - Testing with Spock: The Logical choice
Iván López Martín
 
PDF
What we use to build Android apps at Silicon Straits
Silicon Straits
 
PDF
Open Source Contributions - Alsey Coleman Miller
Alsey Miller
 
PDF
Introduction to GraphQL with Ruby
Yen-Nan Lin
 
PDF
How to master a programming language: a Golang example"
Evan Lin
 
PDF
Who I am and What I have done ever since/自己紹介スライド
takayukimaeda3
 
PDF
Git presentation
Edson Celio
 
A practical 30m intro to Git vcs
Olivier Garcia
 
Golang taipei #45 10th birthday
Evan Lin
 
G*Magazineを読もう
Takuma Watabiki
 
iThome Chatbot Day: 透過 Golang 無痛建置機器學習聊天機器人
Evan Lin
 
T3chFest 2017 - La Revolucion del Open Source
Iván López Martín
 
How I become Go GDE
Evan Lin
 
Nordic Testing Days - Tallinn 2017 - Test your Java applications with Spock
Iván López Martín
 
GitHub Introduction
VIA Next Innovators
 
Git & Github
Aman Lalpuria
 
Open source
onaelmangabo
 
GitLab_meetup_tokyo_201807
Shota Ito
 
Hacktoberfest 2020
Pranshu Pareek
 
Gerrit Analytics applied to Android source code
Luca Milanesio
 
JavaCro 2016 - Testing with Spock: The Logical choice
Iván López Martín
 
What we use to build Android apps at Silicon Straits
Silicon Straits
 
Open Source Contributions - Alsey Coleman Miller
Alsey Miller
 
Introduction to GraphQL with Ruby
Yen-Nan Lin
 
How to master a programming language: a Golang example"
Evan Lin
 
Who I am and What I have done ever since/自己紹介スライド
takayukimaeda3
 
Git presentation
Edson Celio
 

Recently uploaded (20)

PDF
MAD Unit - 2 Activity and Fragment Management in Android (Diploma IT)
JappanMavani
 
PPTX
Server Side Web Development Unit 1 of Nodejs.pptx
sneha852132
 
PDF
MAD Unit - 1 Introduction of Android IT Department
JappanMavani
 
PPTX
VITEEE 2026 Exam Details , Important Dates
SonaliSingh127098
 
PDF
GTU Civil Engineering All Semester Syllabus.pdf
Vimal Bhojani
 
PPTX
Arduino Based Gas Leakage Detector Project
CircuitDigest
 
PDF
smart lot access control system with eye
rasabzahra
 
PPTX
265587293-NFPA 101 Life safety code-PPT-1.pptx
chandermwason
 
PPTX
Introduction to Design of Machine Elements
PradeepKumarS27
 
PDF
AI TECHNIQUES FOR IDENTIFYING ALTERATIONS IN THE HUMAN GUT MICROBIOME IN MULT...
vidyalalltv1
 
PPT
Carmon_Remote Sensing GIS by Mahesh kumar
DhananjayM6
 
PPTX
DATA BASE MANAGEMENT AND RELATIONAL DATA
gomathisankariv2
 
PDF
PORTFOLIO Golam Kibria Khan — architect with a passion for thoughtful design...
MasumKhan59
 
PDF
AI TECHNIQUES FOR IDENTIFYING ALTERATIONS IN THE HUMAN GUT MICROBIOME IN MULT...
vidyalalltv1
 
PPTX
Hashing Introduction , hash functions and techniques
sailajam21
 
PPTX
Mechanical Design of shell and tube heat exchangers as per ASME Sec VIII Divi...
shahveer210504
 
PPTX
Heart Bleed Bug - A case study (Course: Cryptography and Network Security)
Adri Jovin
 
PPTX
原版一样(Acadia毕业证书)加拿大阿卡迪亚大学毕业证办理方法
Taqyea
 
PPTX
Shinkawa Proposal to meet Vibration API670.pptx
AchmadBashori2
 
PPTX
Damage of stability of a ship and how its change .pptx
ehamadulhaque
 
MAD Unit - 2 Activity and Fragment Management in Android (Diploma IT)
JappanMavani
 
Server Side Web Development Unit 1 of Nodejs.pptx
sneha852132
 
MAD Unit - 1 Introduction of Android IT Department
JappanMavani
 
VITEEE 2026 Exam Details , Important Dates
SonaliSingh127098
 
GTU Civil Engineering All Semester Syllabus.pdf
Vimal Bhojani
 
Arduino Based Gas Leakage Detector Project
CircuitDigest
 
smart lot access control system with eye
rasabzahra
 
265587293-NFPA 101 Life safety code-PPT-1.pptx
chandermwason
 
Introduction to Design of Machine Elements
PradeepKumarS27
 
AI TECHNIQUES FOR IDENTIFYING ALTERATIONS IN THE HUMAN GUT MICROBIOME IN MULT...
vidyalalltv1
 
Carmon_Remote Sensing GIS by Mahesh kumar
DhananjayM6
 
DATA BASE MANAGEMENT AND RELATIONAL DATA
gomathisankariv2
 
PORTFOLIO Golam Kibria Khan — architect with a passion for thoughtful design...
MasumKhan59
 
AI TECHNIQUES FOR IDENTIFYING ALTERATIONS IN THE HUMAN GUT MICROBIOME IN MULT...
vidyalalltv1
 
Hashing Introduction , hash functions and techniques
sailajam21
 
Mechanical Design of shell and tube heat exchangers as per ASME Sec VIII Divi...
shahveer210504
 
Heart Bleed Bug - A case study (Course: Cryptography and Network Security)
Adri Jovin
 
原版一样(Acadia毕业证书)加拿大阿卡迪亚大学毕业证办理方法
Taqyea
 
Shinkawa Proposal to meet Vibration API670.pptx
AchmadBashori2
 
Damage of stability of a ship and how its change .pptx
ehamadulhaque
 
Ad

componentDidCatch and Error Boundaries in React v16+