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
410
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
240
React internals (fibers, coroutines, algebraic effects)
r31gn
1
490
Breaking React apart Fiber by Fiber
r31gn
0
260
Progressive Web Apps - The Future
r31gn
2
290
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
96
From Callback Hell To Promises Heaven
r31gn
1
150
Other Decks in Technology
See All in Technology
2つのフロントエンドと状態管理
mixi_engineers
PRO
3
110
KotlinConf 2025_イベントレポート
sony
1
140
Firestore → Spanner 移行 を成功させた段階的移行プロセス
athug
1
480
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
240
企業の生成AIガバナンスにおけるエージェントとセキュリティ
lycorptech_jp
PRO
2
170
allow_retry と Arel.sql / allow_retry and Arel.sql
euglena1215
1
170
Practical Agentic AI in Software Engineering
uzyn
0
110
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
990
Rustから学ぶ 非同期処理の仕組み
skanehira
1
140
自作JSエンジンに推しプロポーザルを実装したい!
sajikix
1
180
Snowflake Intelligenceにはこうやって立ち向かう!クラシルが考えるAI Readyなデータ基盤と活用のためのDataOps
gappy50
0
230
現場で効くClaude Code ─ 最新動向と企業導入
takaakikakei
1
250
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Rails Girls Zürich Keynote
gr2m
95
14k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
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_