Logo Awesome React

Awesome React

Advanced Redux Patterns

  • Details
In this talk, we will explore advanced patterns and techniques in Redux inspired by old and proven design principles of large scale messaging-based systems.

CONTENTS

0:05 - Inro
0:31 - About Air
1:52 - Agenda
2:49 - Back in Time
3:09 - ‘Object-oriented Software construction’ book
3:28 - Command Query Separation
5:01 - ‘Enterprise Integration Patterns’ book

MESSAGING PATTERNS
5:51 - Redux
6:19 - Side effects
7:16 - Action Construction
7:26 - Action Categories
7:37 - Event
8:26 - Command
9:00 - Document

ROUTING PATTERNS
9:48 - Overview
10:30 - Filtering
10:54 - Mapping
12:50 - Splitter

TRANSFORM PATTERNS
16:02 - Overview
16:55 - Enricher pattern
17:58 - Normalizer pattern
18:28 - Translator pattern
18:53 - Pattern declarative structure note
19:45 - Question: Toggle loader potential issue
20:27 - Demo
30:43 - Summary
QUESTIONS
31:32 - Question: Do you treat them as regular middleware
32:17 - Question: Why to call next(action)
33:07 - Question: Are there best practices or libraries?
34:29 - Question: Where to put business logic, using thunk
36:04 - Question: Fetch request vs Promise
37:00 - Question: API

RESOURCES

Slides
https://www.slideshare.net/nirkaufman/advanced-redux-patterns

Source code
https://github.com/demo-projects/redux-patterns-demo/tree/finish (checkout 'finish' branch)

Read this
https://hackernoon.com/why-senior-devs-write-dumb-code-and-how-to-spot-a-junior-from-a-mile-away-27fa263b101a

Object-Oriented software construction book
https://www.amazon.com/Object-Oriented-Software-Construction-Book-CD-ROM/dp/0136291554

Enterprise Integration Patterns book
https://www.amazon.com/Enterprise-Integration-Patterns-Designing-Deploying/dp/0321200683