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

State management in React using Context and Hooks APIs

r31gN_
March 06, 2019
Technology
0
220

State management in React using Context and Hooks APIs

Redux is one of the most popular approaches to state management in React applications. However, it comes with a decent amount of boilerplate plus it often ends up being used everywhere, no matter the context or app size. This talk explores a bare-bones alternative approach to state management that is suitable for small/medium apps as well as define the pros and cons when compared to Redux.

r31gN_

March 06, 2019
Tweet

More Decks by r31gN_

See All by r31gN_
React internals (fibers, coroutines, algebraic effects)
r31gn
1
320
10 things you need to know about React 16
r31gn
0
390
Breaking React apart Fiber by Fiber
r31gn
0
250
Progressive Web Apps - The Future
r31gn
2
200
The Magic Behind HTTP/2
r31gn
0
110
Client Side Reactive Programming Using RxJS
r31gn
0
170
CSS Architecture
r31gn
1
100
Embrace Native JavaScript
r31gn
0
69
From Callback Hell To Promises Heaven
r31gn
1
100

Other Decks in Technology

See All in Technology
マネジメントコンソールやONTAP CLIだけじゃない! BlueXPとSystem ManagerでFSx for ONTAPを操作してみた #storagejaws
non97
0
190
PhpStorm最新情報
AIとnew UI、便利プラグイン #phpcon_okinawa
yusuke
0
160
DMMプラットフォームに ゼロベースでSLO導入している取り組み 適切なSLI模索の軌跡
junjunjunk
7
860
UIコンポーネントライブラリをうまく使うためにできること / components-with-designer
mottox2
4
1.9k
How to Maximize Effectiveness and Efficiency of Daily Scrum
eiki
0
120
テンションも揚げてこう! Ebitengine開発
lapis2411
0
110
Amazon SES のバウンス率が急上昇 〜Amazon SES を止めてしまった日〜
tomuro
3
2.2k
自作WASMランタイムをKernelに改造する試み.pdf
riru
2
470
【初心者向け】まだ間に合う！ Hugging Face入門 -TransformersでAI推論&学習
tkhresk
3
630
クラウドだからできた 地方主導のJAWS DevOps
matsuihidetoshi
2
170
asken リアーキテクチャを行う背景と DDD導入戦略
murahigeas
1
150
サーバーレスは死なぬ！みんなEDA(Event Driven Architecture)として使ってるでしょ？
cyberarchitect
4
1.4k

Featured

See All Featured
YesSQL, Process and Tooling at Scale
rocio
159
13k
The Art of Programming - Codeland 2020
erikaheidi
39
12k
How STYLIGHT went responsive
nonsquared
89
4.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
26
5.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
0
2.3k
Making the Leap to Tech Lead
cromwellryan
119
8.1k
Building a Scalable Design System with Sketch
lauravandoore
453
31k
Reflections from 52 weeks, 52 projects
jeffersonlam
342
19k
GitHub's CSS Performance
jonrohan
1021
440k
Building Your Own Lightsaber
phodgson
97
5.2k
A Modern Web Designer's Workflow
chriscoyier
688
190k
The Illustrated Children's Guide to Kubernetes
chrisshort
26
45k

Transcript

  1. State Management
    For React
    (using Context and Hooks APIs)
    Vlad Zelinschi
    QCon London, 2019

    View Slide

  2. Redux anyone?
    @r31gN_ Strongbytes

    View Slide


  3. @r31gN_ Strongbytes

    View Slide


  4. @r31gN_ Strongbytes

    View Slide

  5. Can we build some percentage
    of Redux with just React?
    @r31gN_ Strongbytes

    View Slide

  6. Context & Hooks APIs
    @r31gN_ Strongbytes

    View Slide

  7. ! Coding time !
    @r31gN_ Strongbytes

    View Slide

  8. simpply was born
    @r31gN_ Strongbytes

    View Slide

  9. simpply in action
    @r31gN_ Strongbytes

    View Slide

  10. simpply’s strong points
    @r31gN_ Strongbytes

    View Slide

  11. simpply’s weak points
    @r31gN_ Strongbytes

    View Slide

  12. Keep on smiling because you are
    the most beautiful people
    when you do.
    @r31gN_ Strongbytes

    View Slide

  13. Thank you!
    @r31gN_

    View Slide