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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
550
Breaking React apart Fiber by Fiber
r31gn
0
270
Progressive Web Apps - The Future
r31gn
2
320
The Magic Behind HTTP/2
r31gn
0
170
Client Side Reactive Programming Using RxJS
r31gn
0
190
CSS Architecture
r31gn
1
120
Embrace Native JavaScript
r31gn
0
100
From Callback Hell To Promises Heaven
r31gn
1
180
Other Decks in Technology
See All in Technology
ランサムウエア対策してますか?やられた時の対策は本当にできてますか?AWSでのリスク分析と対応フローの泥臭いお話。
hootaki
0
150
Go標準パッケージのI/O処理をながめる
matumoto
0
220
VPCエンドポイント意外とお金かかるなぁ。せや、共有したろ!
tommy0124
1
650
実践 Datadog MCP Server
nulabinc
PRO
2
230
複数クラスタ運用と検索の高度化:ビズリーチにおけるElastic活用事例 / ElasticON Tokyo2026
visional_engineering_and_design
0
160
Oracle Cloud Infrastructure IaaS 新機能アップデート 2025/12 - 2026/2
oracle4engineer
PRO
0
150
The_Evolution_of_Bits_AI_SRE.pdf
nulabinc
PRO
0
230
クラウド × シリコンの Mashup - AWS チップ開発で広がる AI 基盤の選択肢
htokoyo
2
260
アーキテクチャモダナイゼーションを実現する組織
satohjohn
2
1k
Postman v12 で変わる API開発ワークフロー (Postman v12 アップデート) / New API development workflow with Postman v12
yokawasa
0
130
バクラク最古参プロダクトで重ねた技術投資を振り返る
ypresto
0
140
情シスのための生成AI実践ガイド2026 / Generative AI Practical Guide for Business Technology 2026
glidenote
0
270
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
304
21k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
120
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
980
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.7k
How to Talk to Developers About Accessibility
jct
2
150
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
87
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
63
51k
Ethics towards AI in product and experience design
skipperchong
2
220
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
190
How Software Deployment tools have changed in the past 20 years
geshan
0
33k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
150
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
2.4k
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_