Logo Awesome React

Awesome React

Advanced Redux Patterns

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