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
10 things you need to know about React 16
Search
r31gN_
March 17, 2018
Technology
0
400
10 things you need to know about React 16
r31gN_
March 17, 2018
Tweet
Share
More Decks by r31gN_
See All by r31gN_
State management in React using Context and Hooks APIs
r31gn
0
230
React internals (fibers, coroutines, algebraic effects)
r31gn
1
450
Breaking React apart Fiber by Fiber
r31gn
0
260
Progressive Web Apps - The Future
r31gn
2
270
The Magic Behind HTTP/2
r31gn
0
160
Client Side Reactive Programming Using RxJS
r31gn
0
180
CSS Architecture
r31gn
1
120
Embrace Native JavaScript
r31gn
0
93
From Callback Hell To Promises Heaven
r31gn
1
140
Other Decks in Technology
See All in Technology
正解のない未知(インボイス制度対応)をフルサイクル開発で乗り越える方法 / How to overcome the unknown invoice system with full cycle development
carta_engineering
0
170
AI Development in .NET - Microsoft.Extensions.AI
_mertmetin
0
100
幸せに働ける組織を目指すリーダーの葛藤と挑戦 / 20250517 Tadahiro Yasuda & Rinto Ikenoue
shift_evolve
1
170
Kent Beckの思想と学びの道筋 / 20250517 Ryutaro Yoshiba & Hiromitsu Akiba
shift_evolve
1
180
本番環境への影響リスクが低い Real Application Testing (SQL Performance Analyzer) の実施方法の検討と実践
jri_narita
0
230
Streamlit in Snowflakeで加速する不動産テック企業のデータ活用 @Snowflake WESTユーザー会
yuto16
1
150
Опыт использования Nessie в Азбуке Вкуса
emeremyanina1234
0
500
さくらのクラウド 開発の挑戦とその舞台裏
kazeburo
0
300
テストコードにはテストの意図を込めよう(2025年版) #retechtalk / Put the intent of the test 2025
nihonbuson
PRO
14
2.3k
PythonツールであるpygnmiをSONiCのgNMIに対して使ってみた
sonic
0
340
転職したらMCPサーバーだった件
nwiizo
14
10k
Google CloudのAI Agent関連のサービス紹介
shukob
0
180
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.7k
Scaling GitHub
holman
459
140k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Music & Morning Musume
bryan
47
6.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Gamification - CAS2011
davidbonilla
81
5.3k
Designing for Performance
lara
608
69k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
The Pragmatic Product Professional
lauravandoore
33
6.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Transcript
KRAK3N 10 things you need to know About react 16
KRAK3N @r31gN_ Consultant / GDE krak3n
KRAK3N • Fiber (16.0) • Multiple returns from render (16.0)
• Streaming mode for server side rendering (16.0) • Error boundaries (16.0) • Portals (16.0) • Fragments (16.2) • Context (16.3) • Lifecycle methods changes (16.3) • StrictMode (16.3) • React.unstable_AsyncMode (16.3)
KRAK3N Fiber
KRAK3N OLD RECONCILER RENDERING
KRAK3N FIBER RENDERING
KRAK3N Multiple returns From render
KRAK3N Streaming mode for ssr
KRAK3N
KRAK3N
KRAK3N ERROR BOUNDARIES
KRAK3N REACT PORTALS
KRAK3N REACT FRAGMENTS
KRAK3N NEW CONTEXT API
KRAK3N LIFECYCLE METHODs CHANGES
KRAK3N componentwillmount Componentwillupdate Componentwillreceiveprops
KRAK3N componentwillmount Componentwillupdate Componentwillreceiveprops Componentdidmount
KRAK3N componentwillmount Componentwillupdate Componentwillreceiveprops Componentdidmount Componentdidupdate
KRAK3N componentwillmount Componentwillupdate Componentwillreceiveprops Componentdidmount Componentdidupdate getDerivedStateFromProps
KRAK3N REACT STRICTMODE
KRAK3N REACT ASYNCMODE
KRAK3N Resources • https://medium.com/@baphemot/whats-new-in- react-16-3-d2c9b7b6193b • https://codesandbox.io/u/r31gN/sandboxes • https://github.com/koba04/react-fiber-resources •
https://www.youtube.com/watch?v=v6iR3Zk4oDY
KRAK3N – Reign “ keep on smiling because you are
the most Beautiful people when you do. ”
KRAK3N Thank you! @r31gN_