Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

A look at the inner workings of Redux

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

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
32

Other Decks in Technology

See All in Technology
エンジニアとPMのドメイン知識の溝をなくす、 AIネイティブな開発プロセス
Avatar for Michiru Kato applism118
4
1.3k
5分で知るMicrosoft Ignite
Avatar for Taiji HAGINO taiponrock
PRO
0
390
Lookerで実現するセキュアな外部データ提供
Avatar for ZOZO Developers zozotech
PRO
0
150
AI-DLCを現場にインストールしてみた：プロトタイプ開発で分かったこと･やめたこと
Avatar for Recruit recruitengineers
PRO
2
150
Database イノベーショントークを振り返る/reinvent-2025-database-innovation-talk-recap
Avatar for emi emiki
0
220
Challenging Hardware Contests with Zephyr and Lessons Learned
Avatar for misoji engineer iotengineer22
0
230
学習データって増やせばいいんですか？
Avatar for fumihiko takahashi ftakahashi
2
460
因果AIへの招待
Avatar for Shohei SHIMIZU sshimizu2006
0
980
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
420
今からでも間に合う！速習Devin入門とその活用方法
Avatar for Izumu KUSUNOKI ismk
1
750
Python 3.14 Overview
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
120
シニアソフトウェアエンジニアになるためには
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
3
170

Featured

See All Featured
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
520
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k

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