Upgrade to Pro — share decks privately, control downloads, hide ads and more …

10 things you need to know about React 16

Avatar for r31gN_ r31gN_
March 17, 2018
Technology
0
410

10 things you need to know about React 16

Avatar for r31gN_

r31gN_

March 17, 2018
Tweet

More Decks by r31gN_

See All by r31gN_
State management in React using Context and Hooks APIs
Avatar for r31gN_ r31gn
0
240
React internals (fibers, coroutines, algebraic effects)
Avatar for r31gN_ r31gn
1
540
Breaking React apart Fiber by Fiber
Avatar for r31gN_ r31gn
0
270
Progressive Web Apps - The Future
Avatar for r31gN_ r31gn
2
310
The Magic Behind HTTP/2
Avatar for r31gN_ r31gn
0
160
Client Side Reactive Programming Using RxJS
Avatar for r31gN_ r31gn
0
190
CSS Architecture
Avatar for r31gN_ r31gn
1
120
Embrace Native JavaScript
Avatar for r31gN_ r31gn
0
98
From Callback Hell To Promises Heaven
Avatar for r31gN_ r31gn
1
170

Other Decks in Technology

See All in Technology
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.7k
田舎で20年スクラム（後編）：一個人が企業で長期戦アジャイルに挑む意味
Avatar for Tomonori Fukuta chinmo
1
1.6k
AIと融ける人間の冒険
Avatar for pujisi pujisi
0
120
The Engineer with a Three-Year Cycle
Avatar for YAMADA Nobuko e99h2121
0
150
自己管理型チームと個人のセルフマネジメント 〜モチベーション編〜
Avatar for KAKEHASHI kakehashi
PRO
5
3.1k
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
17k
Security Hub と出会ってから 1年半が過ぎました
Avatar for rch850 rch850
0
150
AWS Amplify Conference 2026 - 仕様からリリースまで一気通貫 生成 AI 時代のフルスタック開発
Avatar for Riku INADA inariku
1
210
「アウトプット脳からユーザー価値脳へ」がそんなに簡単にできたら苦労しない #RSGT2026
Avatar for Aki / @LoveIdahoBurger aki_iinuma
11
5.5k
AI時代のアジャイルチームを目指して ー スクラムというコンフォートゾーンからの脱却 ー / Toward Agile Teams in the Age of AI
Avatar for TAKAKING22 takaking22
11
6.8k
RALGO : AIを組織に組み込む方法 -アルゴリズム中心組織設計- #RSGT2026 / RALGO: How to Integrate AI into an Organization – Algorithm-Centric Organizational Design
Avatar for kyonmm kyonmm
PRO
3
1.4k
コミュニティが持つ「学びと成長の場」としての作用 / RSGT2026
Avatar for ama-ch ama_ch
2
340

Featured

See All Featured
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
290
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
190
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
250
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
230
It's Worth the Effort
Avatar for 3n 3n
188
29k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
0
220
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
1
230
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
99
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
710
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k

Transcript

  1. KRAK3N 10 things you need to know About react 16

  2. KRAK3N @r31gN_ Consultant / GDE krak3n

  3. 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)

  4. KRAK3N Fiber

  5. KRAK3N OLD RECONCILER RENDERING

  6. KRAK3N FIBER RENDERING

  7. KRAK3N Multiple returns From render

  8. KRAK3N Streaming mode for ssr

  9. KRAK3N

  10. KRAK3N

  11. KRAK3N ERROR BOUNDARIES

  12. KRAK3N REACT PORTALS

  13. KRAK3N REACT FRAGMENTS

  14. KRAK3N NEW CONTEXT API

  15. KRAK3N LIFECYCLE METHODs CHANGES

  16. KRAK3N componentwillmount Componentwillupdate Componentwillreceiveprops

  17. KRAK3N componentwillmount Componentwillupdate Componentwillreceiveprops Componentdidmount

  18. KRAK3N componentwillmount Componentwillupdate Componentwillreceiveprops Componentdidmount Componentdidupdate

  19. KRAK3N componentwillmount Componentwillupdate Componentwillreceiveprops Componentdidmount Componentdidupdate getDerivedStateFromProps

  20. KRAK3N REACT STRICTMODE

  21. KRAK3N REACT ASYNCMODE

  22. 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

  23. KRAK3N – Reign “ keep on smiling because you are

    the most Beautiful people when you do. ”

  24. KRAK3N Thank you! @r31gN_