Le document présente une session sur l'intégration de Redux avec RxJS, animée par Florent Le Gall. Redux est décrit comme un conteneur d'état prévisible pour les applications JavaScript, mettant l'accent sur le store comme source unique de vérité et des états en lecture seule. Le document inclut des références à des ressources et des démonstrations de live coding.

1. #DevoxxFR #ReduxEnRxJS
Redux en RxJS
Florent Le Gall (Fluo) @flornt
1

2. #DevoxxFR #ReduxEnRxJS
Redux en RxJS
2
• Redux ?
• RxJS - Scan
• Live coding

3. #DevoxxFR #ReduxEnRxJS
Redux
3
• “A predictable state container for JavaScript apps”

4. #DevoxxFR #ReduxEnRxJS
Redux
4

5. #DevoxxFR #ReduxEnRxJS
Redux
5

6. #DevoxxFR #ReduxEnRxJS
Redux
6

7. #DevoxxFR #ReduxEnRxJS
Redux
7
• Une seule source de vérité : le store
• L’état en lecture seule
• Changements réalisés avec des fonctions pures

8. #DevoxxFR #ReduxEnRxJS
Redux
8
(previousState, action) => newState

9. #DevoxxFR #ReduxEnRxJS
Rx - Scan
9

10. #DevoxxFR #ReduxEnRxJS
Rx - Dispatch / Subscribe
10

11. #DevoxxFR #ReduxEnRxJS
Live Coding !
https://github.com/flegall/devoxx-redux-rxjs
11

12. #DevoxxFR #ReduxEnRxJS
Merci
https://github.com/flegall/devoxx-redux-rxjs (code)
https://css-tricks.com/learning-react-redux/ (schémas Redux)
https://github.com/garbles/yolk (YolkJS)
12