A Mobile Developer Dived into React Native and Survived

Have you ever considered including React Native in your native mobile team? Let's take on the process of injecting React Native into a production project (no pet-projects this time!). We are still alive and the project too. Here is a step by step to figure out how App architecture, performance, tooling, libraries and more can change when the project embraces this new approach.

Transcript

4. Outline • The context • RN under the hood • Sisal approach • Case study
5. Outline • The context • RN under the hood • Sisal approach • Case study
6. The Mobile Spectrum
7. Native Development
8. Facebook Lesson
9. React Native React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. — React Native Homepage
10. RN Showcase
11. Farewell RN
12. Outline • The context • RN under the hood • Sisal approach • Case study
13. Overview
14. Threading Structure
15. Mechanics
16. Downsides • Dependencies • Maintenance • Context switching • Abstraction • Performance
17. Upsides • Write less code • Fast iteration • Open source • Native result • Web consistency
18. Greenfield vs Brownfield
19. Greenfield
20. Brownfield
21. Outline • The context • RN under the hood • Sisal approach • Case study
22. Brownfield Foundation • JavaScript • React • Redux & Redux Saga • Jest • VS Code • React Native Debugger
23. React Native Principles • Business logic • Networking • Caching • User interface
24. Native Principles • Navigation • Application configuration • Analytics & Push notifications • Third-party libraries • Error management
25. The Mono Repository
26. The Team
27. The Long Tail Project
28. The Workflow
29. Outline • The context • RN under the hood • Sisal approach • Case study
30. Case Study
31. Case Study
32. Case Study
33. Case Study
34. Case Study
35. Case Study
36. Case Study
37. Questions
38. References • https://facebook.github.io/react-native • http://artsy.github.io/series/react-native-at-artsy • https://github.com/react-native-community/discussions- and-proposals/issues/4 • https://www.slideshare.net/HarryTormey1/strategies-for- using-react-native-in-a-brownfield-app @mbonifazi | @flexaddicted