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
430
0

10 things you need to know about React 16

Avatar for r31gN_

r31gN_

March 17, 2018

More Decks by r31gN_

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

Other Decks in Technology

See All in Technology
AIコーディングの次。コードレビューと理解負荷を解消して組織の開発生産性を高める
Avatar for Atsushi Nakatsugawa moongift
PRO
2
2.7k
LLM Internals: 언어 모델의 계보와 알고리즘 진화 (2023~2026)
Avatar for Jeongkyu Shin inureyes
PRO
1
800
Sets in Go
Avatar for Luciano Ramalho ramalho
1
1.2k
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
2
7.7k
Rust×eBPFでEDRっぽいものをつくる
Avatar for 5unl1fe3 sunlife3
1
480
【GCC2026】大規模言語モデルを活用した内製検索サービスの社内展開や業務活用
Avatar for Bandai Namco Studios Inc. bandainamcostudios
PRO
0
350
ハッカソンで入賞した話 @ Findy LT
Avatar for asari asari194617
0
1.4k
Genie Codeハンズオン応用編
Avatar for Takaaki Yayoi taka_aki
0
130
AI画像認識を活用したゲーム内決済処理検証の自動化
Avatar for gree_tech gree_tech
PRO
0
100
Bits Agent Builder の⼊⾨と活⽤事例
Avatar for 株式会社ヌーラボ nulabinc
PRO
0
260
Kiro Crew入門 - 常駐エージェントの仕組みと使いどころ / Intro to Kiro Crew
Avatar for Kazuki Adachi k_adachi_01
1
650
8bit CPU 2026
Avatar for KOBA789 koba789
1
480

Featured

See All Featured
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
3k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
440
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
2.2k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.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_