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
440
Breaking React apart Fiber by Fiber
r31gn
0
260
Progressive Web Apps - The Future
r31gn
2
260
The Magic Behind HTTP/2
r31gn
0
160
Client Side Reactive Programming Using RxJS
r31gn
0
180
CSS Architecture
r31gn
1
110
Embrace Native JavaScript
r31gn
0
91
From Callback Hell To Promises Heaven
r31gn
1
130
Other Decks in Technology
See All in Technology
Cracking the Coding Interview 6th Edition
gdplabs
14
28k
OPENLOGI Company Profile for engineer
hr01
1
21k
Global Databaseで実現するマルチリージョン自動切替とBlue/Greenデプロイ
j2yano
0
200
「頑張る」を「楽しむ」に変換する技術
tomoyakitaura
8
1.6k
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
190
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
550
きのこカンファレンス_ランチスポンサーセッション
kabaya
1
300
入門 PEAK Threat Hunting @SECCON
odorusatoshi
0
190
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
130
人生を左右する「即答」のススメ: 一瞬の判断を間違えないためにするべきこと
takasyou
9
1.2k
最近のSRE支援ニーズ考察 | sogaoh's LT @ Road to SRE NEXT@札幌
sogaoh
PRO
1
170
AI自体のOps 〜LLMアプリの運用、AWSサービスとOSSの使い分け〜
minorun365
PRO
10
1.3k
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
How to Ace a Technical Interview
jacobian
276
23k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
Git: the NoSQL Database
bkeepers
PRO
429
65k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Building Applications with DynamoDB
mza
93
6.3k
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_