Rematch - Redux with superpowers

In this presentation, I briefly talk about state management library called Rematch and how it solves some of the issues of Redux

Transcript

1. REMATCH
   Redux with super powers
   

   View Slide

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

   View Slide

3. ENTER REMATCH
   

   View Slide

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

   View Slide

5. BOILERPLATE
   

   View Slide

6. WORKING WITH STATE
   

   View Slide

7. SIDE-EFFECTS
   

   View Slide

8. EFFECTS WITH REMATCH
   

   View Slide

9. MAKING A SWITCH
   

   View Slide

10. 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
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide