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
490
Breaking React apart Fiber by Fiber
Avatar for r31gN_ r31gn
0
260
Progressive Web Apps - The Future
Avatar for r31gN_ r31gn
2
290
The Magic Behind HTTP/2
Avatar for r31gN_ r31gn
0
160
Client Side Reactive Programming Using RxJS
Avatar for r31gN_ r31gn
0
180
CSS Architecture
Avatar for r31gN_ r31gn
1
120
Embrace Native JavaScript
Avatar for r31gN_ r31gn
0
96
From Callback Hell To Promises Heaven
Avatar for r31gN_ r31gn
1
150

Other Decks in Technology

See All in Technology
サンドボックス技術でAI利活用を促進する
Avatar for k-nagase koh_naga
0
200
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
Avatar for TomoyaIwata iwatatomoya
1
800
RSCの時代にReactとフレームワークの境界を探る
Avatar for uhyo uhyo
10
3.3k
Flutterでキャッチしないエラーはどこに行く
Avatar for AOKI Taiju taiju59
0
230
複数サービスを支える マルチテナント型 Batch MLプラットフォーム
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
300
なぜテストマネージャの視点が 必要なのか？ 〜 一歩先へ進むために 〜
Avatar for Sammy(MoritaMasami) moritamasami
0
210
EncryptedSharedPreferences が deprecated になっちゃった！どうしよう！ / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
Avatar for Yuki Anzai yanzm
0
220
下手な強制、ダメ！絶対！ 「ガードレール」を「檻」にさせない"ガバナンス"の取り方とは？
Avatar for Masataka Tsukamoto tsukaman
2
420
品質視点から考える組織デザイン/Organizational Design from Quality
Avatar for miisan mii3king
0
200
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
Avatar for daitasu daitasu
0
140
共有と分離 - Compose Multiplatform "本番導入" の設計指針
Avatar for Ryo WATANABE error96num
1
360
allow_retry と Arel.sql / allow_retry and Arel.sql
Avatar for Shintani Teppei euglena1215
1
160

Featured

See All Featured
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.4k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
520
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
26
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_