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

10 things you need to know about React 16

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for r31gN_ r31gN_
March 17, 2018
Technology
410
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
250
React internals (fibers, coroutines, algebraic effects)
Avatar for r31gN_ r31gn
1
560
Breaking React apart Fiber by Fiber
Avatar for r31gN_ r31gn
0
270
Progressive Web Apps - The Future
Avatar for r31gN_ r31gn
2
320
The Magic Behind HTTP/2
Avatar for r31gN_ r31gn
0
170
Client Side Reactive Programming Using RxJS
Avatar for r31gN_ r31gn
0
190
CSS Architecture
Avatar for r31gN_ r31gn
1
130
Embrace Native JavaScript
Avatar for r31gN_ r31gn
0
100
From Callback Hell To Promises Heaven
Avatar for r31gN_ r31gn
1
180

Other Decks in Technology

See All in Technology
Digital Independence: Why, When and How
Avatar for Wannes Rams wannesrams
0
300
GitHub Copilot Dev Days
Avatar for tomokusaba tomokusaba
0
150
Fabric MCPの紹介と使い分け
Avatar for Ryoma Nagata ryomaru0825
1
150
Agent の「自由」と「安全」〜未来に向けて今できること〜
Avatar for katayan katayan
0
340
国内外の生成AIセキュリティの最新動向 & AIガードレール製品「chakoshi」のご紹介 / Latest Trends in Generative AI Security (Domestic & International) & Introduction to AI Guardrail Product "chakoshi"
Avatar for NTT docomo Business nttcom
4
2.1k
オライリーイベント登壇資料「鉄リサイクル・産廃業界におけるAI技術実応用のカタチ」
Avatar for Takumi Karasawa takarasawa_
0
330
データモデリング通り #5オンライン勉強会： AIに『ビジネスの文脈』を教え込むデータモデリング
Avatar for データ横丁 datayokocho
0
180
20260428_Product Management Summit_Loglass_JoeHirose
Avatar for 広瀬丈 loglassjoe
4
7.3k
拝啓、あの夏の僕へ〜あなたも知っているApp Runnerの世界〜
Avatar for 荒木 ARK news_it_enj
0
220
音声言語モデル手法に関する発表の紹介
Avatar for Kazuki Inamura kzinmr
0
170
需要創出(Chatwork)×供給(BPaaS) フライホイールとMoat 実行能力の最適配置とAI戦略
Avatar for kubell kubell_hr
0
2.1k
Percolatorを廃止し、マルチ検索サービスへ刷新した話 / Search Engineering Tech Talk 2026 Spring
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
330

Featured

See All Featured
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
730
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
560
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
500
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
500
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.5k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
Done Done
Avatar for chrislema chrislema
186
16k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
290
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k

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_