Redux, async and side effects

@naugtur Meet.js Poznań 2018

# Redux is nice, right?

## But where do I put the asynchronous actions and fancy stuff?

- server calls - triggering actions based on app state - initial load - data refresh - reaction to passing time - global DOM side-effects (scrolling hacks) - service workers, checking online status

### Regular flow

### Middleware

### Yolo component

### redux-loop

### redux-effects, elm

### Reactor

- [redux-thunk](https://www.npmjs.com/package/redux-thunk) - [redux-promise-middleware](https://www.npmjs.com/package/redux-promise-middleware) - [redux-effects](https://www.npmjs.com/package/redux-effects) - [redux-loop](https://www.npmjs.com/package/redux-loop) - [redux-saga](https://www.npmjs.com/package/redux-saga) - [redux-observable](https://www.npmjs.com/package/redux-observable) ---- - [human redux book](https://reduxbook.com/) (reactor idea)

## Reactor demo