ReactFoo 2019

ReactFoo 2019

A gathering of over 250 web and mobile developers working with React

Tickets

Loading…

Preeti Wadhwani

@preetiwadhwani

Let's Sync the Async- A Primer on Redux Sagas

Submitted Jan 26, 2018

Have you ever come across a situation where you want to pause function execution for some time, for example, when you’re waiting for an API response and based on it you want to perform different some action? Or you’re waiting for your database sync to finish? If it sounds relatable, you probably handled such cases using Promises/Redux-thunk, etc. but this talk will provide a cleaner solution for dealing with such async tasks, using Redux Sagas.

Redux Sagas take advantage of an ES6 feature called Generators to make such asynchronous flows easy to read, write and test. This talk will focus on exploring Generator functions, and see how can we take advantage of it to deal with async operations and make our lives simpler.

Outline

Introduction to Generator functions
Generators in action
How redux-saga using generator functions
Using it in real world application
Writing tests for Sagas

Requirements

The participants must be familiar with Redux.

Speaker bio

Preeti is a programmer at heart, with over 3+ years on mobile. She’s worked on multiple but Android remains her passion, with her experience allowing her to handle complete development cycles, and to go on and lead adjacent teams. When she isn’t glued to her code, Preeti can be found experimenting with gourmet or playing her guitar.

Slides

https://drive.google.com/open?id=1uB9Y8ufZSV9Nvc-WY2hsXYIgFtRnPQ10leJ51mnImJE

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hybrid access (members only)

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more