Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
290
Progressive Web Apps - The Future
Avatar for r31gN_ r31gn
2
350
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
プロダクトエンジニアに必要な「いい感じ」に作る能力 〜たくさん作れる時代に、どこまで作るかの決め方〜
Avatar for Jotaro Nishime jnishime_dresscode
2
1.4k
AIとペアプロを始める。人とのペアプロをやめる。ペアプロの良さを改めて知る。もっと好きになった。 / Rediscovering Pair Programming
Avatar for yuki honyanya
1
330
20260912_スクフェス三河
Avatar for hikari kgnkhkr
0
220
#jawssonic2026 あの時代が悪かった ~動かなかったSageMakerと共に迎えたイベント当日~
Avatar for Kana Kitagawa ktkn1129
0
140
Where Is JetBrains AI Heading- — Central CLI, Air Alpha, and the Agentic Development Stack
Avatar for Daisuke Masuda x5gtrn
PRO
0
150
「図書館」という名前のままでいいのか -Code4Lib JAPANカンファレンス2026 アンカンファレンス報告- / Code4Lib JAPAN Conference 2026: Unconference Report
Avatar for Kiyota Yoji, Ph.D. ykiyota
0
140
日経電子版を支えていく Kasane Design System/fec_fukuoka
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
430
作品が生態系になった ─ Mini Tokyo 3D から世界へ
Avatar for 草薙昭彦 nagix
0
150
WAF 運用改善の承認サイクル/SRE_BizReach_MIXI_1
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
2
410
Sigmaで作る業務アプリ
Avatar for kazushiro_honma kazushiro_honma
0
110
V8コントリビュート超入門
Avatar for Riya Amemiya riyaamemiya
0
160
ASTを使って影響範囲を特定する
Avatar for Nealle nealle
0
140

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.6k
A Soul's Torment
Avatar for Nat Ma seathinner
7
3.6k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
69
65k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
9
980
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
210
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.4k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
270
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
280
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
780

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_