https://github.com/tylerlong/hello-async

All kinds of ways to implement async with React & Redux. Keywords: redux-thunk redux-saga
https://github.com/tylerlong/hello-async

Last synced: 13 days ago
JSON representation

All kinds of ways to implement async with React & Redux. Keywords: redux-thunk redux-saga

• Host: GitHub
• URL: https://github.com/tylerlong/hello-async
• Owner: tylerlong
• Created: 2016-12-23T08:00:10.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2021-08-25T01:40:47.000Z (about 3 years ago)
• Last Synced: 2024-08-01T19:38:57.221Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 228 KB
• Stars: 43
• Watchers: 3
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Hello Async

To demonstrate all kinds of ways to implement async with React & Redux.

If you like this repository, please :star: it and help to spread the word! :heart:

## Diffrent ways to implement async

1. [Writing Async Code Inline](./async-code-inline)

1. [Extracting Async Action Creator](./async-action-creator)

1. [Use Redux Thunk](./redux-thunk)

1. [Use Redux Saga](./redux-saga)

1. [Use Redux Logic](./redux-logic)

## Oncoming

1. [Use Redux Loop](https://github.com/redux-loop/redux-loop)

## My favorite solution isn't in the list

1. :fork_and_knife: Fork this project and submit a PR.

1. :point_right: [creating an issue](https://github.com/tylerlong/hello-async/issues/new?title=Could%20you%20please%20add%20a%20sample%20project%20for%20%3Cxxx%3E%20?).

## About the demo projects

In each demo project, we try to implement a notification feature:

- Click buttons to show notifications.

- Each notification auto dismiss after 5 seconds.

- Multiple notifications are allowed simultaneously.

## Motivation

This repo is inspired by [this answer](http://stackoverflow.com/questions/35411423/how-to-dispatch-a-redux-action-with-a-timeout/35415559#35415559) on stackoverflow.

The accepted answer is awesome.

> Once again [Dan Abramov](http://stackoverflow.com/users/458193/dan-abramov) shows how thoughtful the Redux design choices are, and how he excels in explaining them.

But there is something missing:

1. No runnable sample projects, just some code snippets.

1. No sample code for other alternatives, such as:

    1. [Redux Saga](https://github.com/yelouafi/redux-saga)

    1. [Redux Logic](https://github.com/jeffbski/redux-logic)

This repo is trying to add the missing things:

1. Runnable projects. You can download and run them without modification.

1. Provide sample code for more alternatives:

    - Redux Saga

    - Redux Logic

    - ...

## How to run

Take [Writing Async Code Inline](./async-code-inline) for example:

```

git clone [email protected]:tylerlong/hello-async.git

cd  hello-async/async-code-inline

yarn install

yarn start

```