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
400
Breaking React apart Fiber by Fiber
r31gn
0
260
Progressive Web Apps - The Future
r31gn
2
250
The Magic Behind HTTP/2
r31gn
0
150
Client Side Reactive Programming Using RxJS
r31gn
0
180
CSS Architecture
r31gn
1
110
Embrace Native JavaScript
r31gn
0
90
From Callback Hell To Promises Heaven
r31gn
1
120
Other Decks in Technology
See All in Technology
Application Development WG Intro at AppDeveloperCon
salaboy
0
200
強いチームと開発生産性
onk
PRO
36
12k
rootlessコンテナのすゝめ - 研究室サーバーでもできる安全なコンテナ管理
kitsuya0828
3
390
DynamoDB でスロットリングが発生したとき_大盛りver/when_throttling_occurs_in_dynamodb_long
emiki
1
460
静的解析で実現した効率的なi18n対応の仕組みづくり
minako__ph
1
140
Lambda10周年!Lambdaは何をもたらしたか
smt7174
2
130
RubyのWebアプリケーションを50倍速くする方法 / How to Make a Ruby Web Application 50 Times Faster
hogelog
3
950
FlutterアプリにおけるSLI/SLOを用いたユーザー体験の可視化と計測基盤構築
ostk0069
0
120
TanStack Routerに移行するのかい しないのかい、どっちなんだい! / Are you going to migrate to TanStack Router or not? Which one is it?
kaminashi
0
620
Why App Signing Matters for Your Android Apps - Android Bangkok Conference 2024
akexorcist
0
130
Amazon CloudWatch Network Monitor のススメ
yuki_ink
1
210
BLADE: An Attempt to Automate Penetration Testing Using Autonomous AI Agents
bbrbbq
0
330
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
52
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Code Reviewing Like a Champion
maltzj
520
39k
Facilitating Awesome Meetings
lara
50
6.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Thoughts on Productivity
jonyablonski
67
4.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
Agile that works and the tools we love
rasmusluckow
327
21k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Ruby is Unlike a Banana
tanoku
97
11k
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_