- NEW
- Created by Tom Phillips
- 1.5 hours on-demand video
- 5 articles
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Preview This Course - GET COUPON CODE
What you'll learn
- Increase your value as a React developer.
- Understand key concepts behind Redux Saga and begin working with it within your own projects.
- Learn how Redux Saga fits into a front-end single page application.
- Learn the basics of Redux Saga to call an API and update your Redux State.
Description
** Course Updates **
Redux Saga Cheat Sheet - a new Redux Saga Cheat Sheet with example use cases has been included as part of the course so you know what keywords or saga effects to use, and when to use them.
Improve your ability and increase your value as a React or front end web developer with this fast-track redux saga course!
Redux saga is a library that aims to make application side effects, like data fetching / calling an API, easier to manage, more efficient to execute, and better at handling failures.
Redux saga is an impressively clean way to separate logic to call API endpoints and update your redux state based on redux actions. The redux saga library's sagas are implemented as Generator functions that yield objects to the redux-saga middleware. The yielded objects are a kind of instruction to be interpreted by the middleware. When a Promise is yielded to the middleware, the middleware will suspend the Saga until the Promise completes. Once the Promise is resolved, the middleware will resume the Saga, executing code until the next yield.
The control that redux saga brings is way beyond any other libraries, such as redux thunk. You have full control of how redux sagas are called, when they're called, and the type of work they do, as well as how they influence the redux store.
In this fast-track introductory course, you will learn:
How redux saga fits in to a front end single page application, using React and Redux.
What redux sagas are.
How to query an API with redux saga - and deal with the response.
How to set up a redux saga to listen for dispatched redux actions and the various ways to set up redux saga to listen for dispatched actions.
Actually dispatch redux actions from a redux saga and update your redux application state.
Learn key redux saga concepts and patterns such as take, takeEvery, takeLatest, fork, put, call as well as blocking and non-blocking calls.
Learn some ES6 syntax and learn about Generator functions in Javascript.
You might've used redux-thunk before to handle your data fetching - after taking this course I'm confident you'll switch to using Redux Saga for your future projects!
Who is the target audience?
- React developers who want to increase their value and fast-track their way to learning more advanced front-end patterns using Redux Sagas.
More Courses by Tom Phillips
The Gatsby & WordPress stack! Learn Gatsby and generate super-fast Gatsby static sites with a WordPress backend.
Build Gatsby JS static sites with realtime firestore, cloud functions, storage, auth, Gatsby + React hooks & GraphQL!
Gatsby JS, Prismic & Netlify: Build RAPID Gatsby sites 2020
Gatsby JS & Prismic stack. Use Prismic headless CMS data in Gatsby to generate a Gatsby static site.
Gatsby JS, Prismic & Netlify: Build RAPID Gatsby sites 2020
Gatsby JS & Prismic stack. Use Prismic headless CMS data in Gatsby to generate a Gatsby static site.