React Native Code Reuse: Architecture that Works

3b384ff874206aba76f5566a0b797087?s=47 Aaron Greenwald
September 13, 2016
Programming
1
350

React Native Code Reuse: Architecture that Works

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

3b384ff874206aba76f5566a0b797087?s=128

Aaron Greenwald

September 13, 2016
Tweet

More Decks by Aaron Greenwald

See All by Aaron Greenwald
3b384ff874206aba76f5566a0b797087?s=48 aarongreenwald
0
140
3b384ff874206aba76f5566a0b797087?s=48 aarongreenwald
0
60
3b384ff874206aba76f5566a0b797087?s=48 aarongreenwald
3
410

Other Decks in Programming

See All in Programming
75486cbfd37125f121cf4a6c5614601c?s=48 hideokamoto
1
100
822cde5b176ef140171a27f8294c2bd8?s=48 andycraig
0
560
0aa238a274c2397214b20d6eed58939b?s=48 moomooya
0
300
252e6c31a6452aa80deb9ad0107975c7?s=48 attakei
0
180
D9e4d5a4b36f83fbde1076815df1362f?s=48 bmack
0
180
0ca0c0ec6efe3a7f5220332a910e6da0?s=48 shinyoshiaki
1
510
A6a5e01b331d18dbd9c5de1f2cc2879f?s=48 erukiti
2
340
Ce6acc3536b0e0340b5f0569d3394c9c?s=48 yasi
2
240
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
190
B8403d102456248570005ee7fb2ba0f7?s=48 tooppoo
4
430
D12a80cab206033a820ccff8319f957b?s=48 s_uryu
4
1.6k
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
0
160

Featured

See All Featured
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
256
10k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
50
3.9k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
228
17k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
195
9.4k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
253
36k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
51
2.6k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
12
430
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
435
28k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
342
20k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
494
110k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
215
16k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
250
11k

Transcript

  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