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
150
3b384ff874206aba76f5566a0b797087?s=48 aarongreenwald
0
60
3b384ff874206aba76f5566a0b797087?s=48 aarongreenwald
3
420

Other Decks in Programming

See All in Programming
264b44c0c6d60336f8b6a0fbab118984?s=48 mmazour
0
140
89f41026db2c96853402524fca4a2ff8?s=48 brentchang
0
1.1k
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
1
240
Bf5ee9059859ed5d855b5ff4680e63e2?s=48 track3jyo
4
740
7e0087a19318ded4ba2203187694740f?s=48 christianweyer
0
140
9eed44f137609e6ce3b6f1e14f80b9e1?s=48 izumin5210
6
3k
64822af642dacc617380f009e35a78f7?s=48 jmlamodiere
0
130
70adfe7679427fa498899769e632b672?s=48 itok
1
250
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
1
120
342dde780fe56d44bdeada4bb429145a?s=48 codingluka
2
810
4ab3fec3e82ddb19bcadd93ef909a443?s=48 syucream
2
400
70ae2d149767d4198aac83453481b8dd?s=48 amaotone
9
1.5k

Featured

See All Featured
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
16k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
15
1k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
185
14k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
55
9.3k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
65
2.9k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
273
31k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
2
830
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
5
540
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
4
290
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
37
2.2k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
19
1k

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