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
520
Breaking React apart Fiber by Fiber
r31gn
0
270
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
160
Other Decks in Technology
See All in Technology
AIを使ってテストを楽にする
kworkdev
PRO
0
420
AWS IAM Identity Centerによる権限設定をグラフ構造で可視化+グラフRAGへの挑戦
ykimi
1
100
GPUをつかってベクトル検索を扱う手法のお話し~NVIDIA cuVSとCAGRA~
fshuhe
0
390
累計5000万DLサービスの裏側 – LINEマンガのKotlinで挑む大規模 Server-side ETLの最適化
ldf_tech
0
190
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
270
re:Invent 2025の見どころと便利アイテムをご紹介 / Highlights and Useful Items for re:Invent 2025
yuj1osm
0
700
技術の総合格闘技!?AIインフラの現在と未来。
ebiken
PRO
0
160
初海外がre:Inventだった人間の感じたこと
tommy0124
1
200
よくわからない人向けの IAM Identity Center とちょっとした落とし穴
kazzpapa3
2
160
設計に疎いエンジニアでも始めやすいアーキテクチャドキュメント
phaya72
27
19k
DMARCは導入したんだけど・・・現場のつぶやき 〜 BIMI?何それ美味しいの?
hirachan
1
160
AWS 環境で GitLab Self-managed を試してみた/aws-gitlab-self-managed
emiki
0
180
Featured
See All Featured
A Tale of Four Properties
chriscoyier
161
23k
GitHub's CSS Performance
jonrohan
1032
470k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Documentation Writing (for coders)
carmenintech
76
5.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
How STYLIGHT went responsive
nonsquared
100
5.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
270
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
The Language of Interfaces
destraynor
162
25k
Faster Mobile Websites
deanohume
310
31k
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_