The document summarizes a meetup about React Native and Redux. It introduces React Native as an abstraction layer that provides a native experience while maintaining the benefits of a web view. Redux is then introduced as a state management library inspired by Flux, utilizing a single store with middleware, providers, and containers to connect React components. The document concludes with an overview of examples and a code walkthrough that will be presented.

1. React-Native
and Redux
React Redux
Meet-up
19-04-2016
A game changer?

2. 2
About myself
• Project manager in High tech for 10 + years
• Full stack developer
• Building a digital platform for diabetic research
• Consultant: Technical project manager & Architect

3. 3
Content
1. React Native
2. Redux
3. Examples and code walkthrough

4. React-Native
and Redux
React Redux
Meet-up
19-04-2016
React Native

5. 5
1. Native
• Performance advantage
• Native ecosystems
2. Web view
• Web ecosystem
• Performance decrease
• Complex native extension
3. Abstraction layer
• Productivity increase
• Quality increase
• New ecosystem
React Native: An abstraction layer with a good architecture

6. 6
React Native benefits
1. Clean design and API
2. Declarative style
3. Composition
4. Ecosystem

7. React-Native
and Redux
React Redux
Meet-up
19-04-2016
Redux

8. 8
Redux = Flux with One store
Source: Facebook flux

9. 9
Redux helpers
1. Middleware concept
2. Provider
3. Container and Connect

10. React-Native
and Redux
React Redux
Meet-up
19-04-2016
Examples and
Code walkthrough

11. React-Native
and Redux
Vincent Laulagnet
vincent@micromove.com
+45 20 90 00 61
Thank you!