React Native Code Reuse: Architecture that Works

Talk from React Native Tel Aviv (RN_TLV) meetup on the Wix roof, 2016/09/13

1. Architecture that Works React Native Code Reuse Aaron Greenwald github.com/aarongreenwald @aaronjgreenwald aarong@wix.com
2. 01 / The Promise
3. “...that approach yielded around 85% reuse of app code” - Facebook
4. “...that approach yielded around 85% reuse of app code” - Facebook “Don’t repeat yourself. It’s not only repetitive, it’s redundant, and people have heard it before.” - Lemony Snicket
5. Is it true?
6. Yes!
7. (Mostly)
8. Android & iOS
9. Web Apps Android & iOS
10. Web Apps Other RN Projects Android & iOS
11. 02 / Android & iOS
12. Platform-Specific Code Platform Module Conditional statements in code
13. Platform-Specific Code Filename Suffixes Separate files per platform
14. Composition > Inheritance
15. Platform-Specific Code Platform Module Conditional statements in code Filename Suffixes Separate files per platform
16. Architecture Matters
17. Keep logic out of views
18. Presenters/Dispatchers Keep logic out of views
19. Presenters/Dispatchers Logic should be cross-platform Keep logic out of views
20. Presenters/Dispatchers Logic should be cross-platform Keep logic out of views Small & modular views
21. 03 / Web Apps
22. Architecture Matters
23. Reusable application logic
24. Compilation gets complicated Reusable application logic
25. Create a separate module Compilation gets complicated Reusable application logic
26. Create a separate module Compilation gets complicated Reusable application logic npm link...
27. 04 / Multiple Projects
28. Architecture Matters
29. Binaries
30. Dependency Hell Binaries
31. Is it worthwhile? Dependency Hell Binaries
32. Architecture Matters
33. #architecture_matters github.com/aarongreenwald @aaronjgreenwald aarong@wix.com