Slide 1

Slide 1 text

REMATCH Redux with super powers

Slide 2

Slide 2 text

REDUX ✅ Battle-tested ✅ predictable behavior ✅ Great community and documentation ✅ Great ecosistem of libraries ❌ A lot of boilerplate ❌ No support for side-effects

Slide 3

Slide 3 text

ENTER REMATCH

Slide 4

Slide 4 text

REMATCH IS ● Abstraction on top of Redux ● That solves Redux problems ● And increases developer productivity

Slide 5

Slide 5 text

BOILERPLATE

Slide 6

Slide 6 text

WORKING WITH STATE

Slide 7

Slide 7 text

SIDE-EFFECTS

Slide 8

Slide 8 text

EFFECTS WITH REMATCH

Slide 9

Slide 9 text

MAKING A SWITCH

Slide 10

Slide 10 text

SWITCHING TO NEW LIBRARY IS DIFFICULT ● We already have a large existing codebase ● We depend on other libraries that use Redux ○ Redux-router ○ Redux-form ○ Reselect ○ Redux-persist

Slide 11

Slide 11 text

INTEROPERABILITY WITH PURE REDUX ● We can migrate existing apps gradually ● We can keep using libraries we already love and use

Slide 12

Slide 12 text

THERE’S A LOT MORE... ● TypeScript support ● Type-checking your global state using prop-types ● Multi-store support ● Framework-agnostic ● Lazy-loadable models

Slide 13

Slide 13 text

GIVE IT A TRY AND YOU WILL LOVE IT! ● Repo: https://github.com/rematch/rematch ● The full story: https://hackernoon.com/redesigning-redux-b2baee8b8a38

Slide 14

Slide 14 text

THANK YOU konstantinlebedev.com https://github.com/koss-lebedev