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
420
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
10 things you need to know about React 16
r31gN_
March 17, 2018
More Decks by r31gN_
See All by r31gN_
State management in React using Context and Hooks APIs
r31gn
0
260
React internals (fibers, coroutines, algebraic effects)
r31gn
1
570
Breaking React apart Fiber by Fiber
r31gn
0
280
Progressive Web Apps - The Future
r31gn
2
330
The Magic Behind HTTP/2
r31gn
0
170
Client Side Reactive Programming Using RxJS
r31gn
0
190
CSS Architecture
r31gn
1
140
Embrace Native JavaScript
r31gn
0
110
From Callback Hell To Promises Heaven
r31gn
1
190
Other Decks in Technology
See All in Technology
CIで使うClaude
iwatatomoya
0
260
Claude Codeとハーネスについて考えてみる
oikon48
19
9.5k
美しいコードを書くためにF#を学んでみた話
yud0uhu
1
420
“それは自分の仕事じゃない"を越えて行け
yuukiyo
1
360
Road to SRE NEXTの今までとこれから
hiroyaonoe
0
330
ヘルスケア領域における AI 活用と その安全性担保のための取り組み (Leveraging AI in Healthcare and Our Efforts to Ensure Its Safety) - Google I/O Extended Tokyo 2026, July 11, 2026
zettaittenani
0
380
型は壁、Rustでもバグを直すな、表現できなくせよ
nwiizo
13
2k
オブザーバビリティ、本当に活用できてる? 〜API連携×生成AIで成熟度を自動評価〜
dmmsre
1
3.2k
End-to-Endで考える信頼性 —LINEアプリにおけるクライアント開発×SRE連携の実践
maruloop
4
4.2k
ポストモーテム! DDoSからサイトは守れた。 でもビジネスは守れなかった。
bengo4com
1
3k
ゴールデンパスは敷いただけでは道にならない ─ 企画部門のエンジニアが技術標準を事業価値に変えるまで
mhrtech
1
160
生成AI×AWS CDK×AWS FISで"振り返れる"ミニGameDayをつくろう
yoshimi0227
1
120
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Building an army of robots
kneath
306
46k
Side Projects
sachag
455
43k
Navigating Weather and Climate Data
rabernat
0
330
The Spectacular Lies of Maps
axbom
PRO
1
860
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
220
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
380
A Modern Web Designer's Workflow
chriscoyier
698
190k
Embracing the Ebb and Flow
colly
88
5.1k
Documentation Writing (for coders)
carmenintech
77
5.4k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
3.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
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_