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

A look at the inner workings of Redux

Avatar for F. Knüssel F. Knüssel
June 29, 2018
Technology
0
12

A look at the inner workings of Redux

GitHub repo: http://github.com/fknussel/redux-from-scratch
Blog post: https://medium.com/@fknussel/redux-3cb5aac94a66

Talk @ Learnosity on 29/06/2018
Avatar for F. Knüssel

F. Knüssel

June 29, 2018
Tweet

More Decks by F. Knüssel

See All by F. Knüssel
Declarative UIs with React
Avatar for F. Knüssel fknussel
0
31

Other Decks in Technology

See All in Technology
Lazy application authentication with Tailscale
Avatar for Elliot Blackburn bluehatbrit
0
140
250627 関西Ruby会議08 前夜祭 RejectKaigi「DJ on Ruby Ver.0.1」
Avatar for Masaya Kudo msykd
PRO
2
440
ネットワーク保護はどう変わるのか？re:Inforce 2025最新アップデート解説
Avatar for Shun Tokuyama tokushun
0
170
作曲家がボカロを使うようにPdMはAIを使え
Avatar for Takuya Ito itotaxi
0
410
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
150
一体いつからSRE NEXTがSREだけのカンファレンスだと錯覚していた？ / When did you ever get the idea that SRE NEXT was a conference just for SREs?
Avatar for VTRyo vtryo
1
140
Fabric ＋ Databricks 2025.6 の最新情報ピックアップ
Avatar for Ryoma Nagata ryomaru0825
1
160
Model Mondays S2E03: SLMs & Reasoning
Avatar for Nitya Narasimhan, PhD nitya
0
320
論文紹介：LLMDet (CVPR2025 Highlight)
Avatar for tattaka tattaka
0
280
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
2
4.9k
rubygem開発で鍛える設計力
Avatar for Tomohiro Hashidate joker1007
3
360
mrubyと micro-ROSが繋ぐロボットの世界
Avatar for Katsuhiko Kageyama kishima
3
390

Featured

See All Featured
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
KATA
Avatar for Megan Lloyd mclloyd
30
14k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
60k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k

Transcript

  1. Redux The Inner Workings of

  2. “Everyone sucks at managing state” Bob Spryn http://www.sprynthesis.com/page2/

  3. The Flux pattern and Redux

  4. None
  5. None

  6. Actions

  7. https://github.com/redux-utilities/flux-standard-action

  8. None

  9. Reducers

  10. None
  11. None

  12. Store

  13. None

  14. Implementing createStore from scratch

  15. None

  16. Reducer composition pattern

  17. None
  18. None
  19. None

  20. Rewriting combineReducers from scratch

  21. None

  22. Connecting containers to the store

  23. Alt 1: Singleton

  24. Alt 2: Prop drilling

  25. Alt 3: React bindings for Redux

  26. The Provider React component

  27. None

  28. The connect React HOC

  29. None

  30. mapStateToProps mapDispatchToProps &

  31. None

  32. https://github.com/fknussel/redux-from-scratch TL;DL