Redux Saga Is Hard Until You Look Under The Hood
Вставка
- Опубліковано 6 лют 2025
- Want to hire a senior React developer? Visit reactsquad.io/jan now!
If you’re expanding your team and need to hire React developers book your free discovery call today! 👉 www.reactsquad...
--------------------------------------------------------------
In Part 2 of this Redux series, you explore What is Redux Saga? and Why Redux Saga?
Learn how to set up Redux in a Next.js project, create reducers and action creators, and dive deep into essential Redux Saga effects like take, put, select, and call.
This tutorial covers building custom saga middleware from scratch, implementing example sagas to handle complex asynchronous operations, and understanding how to isolate side effects for cleaner, more maintainable code.
Whether you're wondering "How to use the call effect in Redux Saga?" or "Why choose Redux Saga and why choose RTK Query?", this video provides clear, step-by-step guidance to help you manage side effects effectively in your Redux applications. Perfect for both beginners and advanced developers looking to enhance their Redux skills and tackle real-world projects with confidence.
-------------------------------------------------------------
Follow all of these to become a 10x developer:
• Twitter - / janhesters
• Jan Hesters - janhesters.com/
• LinkedIn - / jan-hesters
And remember to subscribe here on UA-cam now!
--------------------------------------------------------------
If you’re new to my channel, my name is Jan Hesters. I’m the CTO of ReactSquad.io. It’s a marketplace of vetted senior React developers for SaaS companies. We provide developers to dozens of companies, including some in the Fortune 500.
--------------------------------------------------------------
For any questions or inquiries regarding this video, or working with Jan Hesters & ReactSquad, please reach out to: jan@reactsquad.io
--------------------------------------------------------------
Chapters:
01:37 - Setting Up Your Store & Reducers
02:53 - Redux Saga Definition
03:56 - Redux Saga Example
06:07 - take effect
07:39 - put effect
08:17 - What are Sagas?
09:47 - Saga Middleware
13:35 - select effect
14:58 - call effect
18:27 - Outro
The saga `call` and `put` effects are genius. Removing side effects from complex logic flows for testing massively increases confidence in the tests, and simplifies writing the assertions.
Absolutely. Even if sagas aren't around that much anymore, the things you can learn from sagas will simplify your code 10x.