React Native, 2 years later

Transcript

1. 1.

   TWO YEARS OF REACT NATIVE IOSOHO - 12 03 18

2. 2.

   TWO YEARS OF REACT NATIVE ORTA THEROX @ORTA 1. WHY

   ARTSY MOVED 2. DOWNSIDES 3. OMAKASE 4. UPSIDES 5. BROWNFIELD 6. DEPLOYMENT
3. 3.

   ORTA THEROX @ORTA

4. 4.

   None
5. 5.

   None
6. 6.

   TWO YEARS OF REACT NATIVE The start-up Art.sy aims to

   do for visual art what Pandora did for music: become a source of discovery, pleasure and education.” “
7. 7.

   Make art as popular as music Richard Serra -Betwixt the

   Torus and the Sphere https://artsy.net/artwork/richard-serra-betwixt-the-torus-and-the-sphere
8. 8.

   The World’s Largest Database of Contemporary Art 2,000+ GALLERIES ~1,000,000

   ARTWORKS 25+ AUCTION HOUSES 80,000 ARTISTS 700 MUSEUMS 60+ ART FAIRS —
9. 9.

   — On the Internet

10. 10.

    TWO YEARS OF REACT NATIVE Open Source by Default github.com/artsy

11. 11.

    TWO YEARS OF REACT NATIVE Artsy Blog - React Native

    at Artsy - Intro to React Native for an iOS Developer - Workshop: React Native - Retrospective: Swift at Artsy - Exploration: Front-end JavaScript at Artsy in 2017 - On our implementation of React Native - Open Expectations Talks - try! Swift - Building Your Own Tools - this one!
12. 12.

    2015: WHY MOVE? MOBILE TEAM SLOW NATIVE TOOLING QUALITY SEPERATION

    OF CONCERNS ARTSY.GITHUB.IO/BLOG/2016/08/15/REACT-NATIVE-AT-ARTSY/
13. 13.

    ARTSY.GITHUB.IO/BLOG/2017/02/05/RETROSPECTIVE-SWIFT-AT-ARTSY/

14. 14.

    ?

15. 15.

    GITHUB.COM/ARTSY/MOBILE/ISSUES/22

16. 16.

    None
17. 17.

    ANDROID DIFFERENT CODE FOR APP SCREEN VS HOST DEV TOOLS

    IMPROVEMENTS GITHUB.COM/ARTSY/MOBILE/ISSUES/22
18. 18.

    COMPLEXITY

19. 19.

    STATE CHANGES API INTERACTIONS STYLE USER INTERACTIONS HIERARCHY (V/VC) ROUTING

20. 20.

    STATE CHANGES API INTERACTIONS STYLE USER INTERACTIONS HIERARCHY (V/VC) ROUTING

21. 21.

    STATE CHANGES API INTERACTIONS STYLE USER INTERACTIONS HIERARCHY (V/VC) ROUTING

22. 22.

    STATE CHANGES API INTERACTIONS STYLE USER INTERACTIONS HIERARCHY (V/VC) ROUTING

23. 23.

    STATE CHANGES API INTERACTIONS STYLE USER INTERACTIONS HIERARCHY (V/VC) ROUTING

24. 24.

    STATE CHANGES API INTERACTIONS STYLE

25. 25.

    DOWNSIDES HOLD ON TO YOUR HAT NO, LIKE, SERIOUSLY, WE’RE

    GONNA TRY COVER A LOT OF THEM
26. 26.

    517 DEPENDENCIES

27. 27.

    NO ROADMAP MEH DEBUGGING ERROR REPORTING FOCUS ON WEB DEVELOPERS

    FEW NUANCED WRITE-UPS NATIVE COMPLEXITY + JS COMPLEXITY NEEDS NATIVE BUY-IN TO WIN JS “STIGMA”
28. 28.

    LOSSY ABSTRACTIONS TESTING QUESTIONS UN-ANSWERED CHOICE PARALYSIS JS MOVES FAST

29. 29.

    ARTSY OMAKASE - TYPESCRIPT - GRAPHQL - REACT - JEST

    - RELAY - STORYBOOKS - STYLED COMPONENTS - VS CODE ARTSY.GITHUB.IO/BLOG/2017/02/05/FRONT-END-JAVASCRIPT-AT-ARTSY-2017/
30. 30.

    None
31. 31.

    OWNING YOUR DEPENDENCIES

32. 32.

    RELAY CORE GRAPHQL WORKING GROUP JEST CORE STORYBOOKS ORG CONTRIBUTIONS

    TO REACT / REACT NATIVE CONTRIBUTIONS TO TYPESCRIPT / DEFINITELY TYPED WRITE VSCODE EXTENSIONS DANGER
33. 33.

    TRANSITION YOU CAN RELY ON THIS, BECAUSE WE DO

34. 34.

    UPSIDES

35. 35.

    - NO MORE MOBILE TEAM - CONSISTENT ABSTRACTIONS WITH WEB

    - OWN YOUR ENTIRE STACK - JS TOOLING - DEV CLOSER TO THE SPEED OF THOUGHT
36. 36.

    EMISSION DEMO ADDING EMAIL TO THE PROFILE SCREEN

37. 37.

    BROWNFIELD artsy/emission artsy/eigen [] emission.js AREmission.h AREmission.m ARSwitchBoardModule.h ARSwitchBoardModule.m ARArtistViewController.h

    ARArtistViewController.m payment_request@2x.png payment_request@3x.png …
38. 38.

    RN FOR FULL SCREENS NATIVE FOR: - IMAGE CACHING -

    NAVIGATION + ROUTING - ANALYTICS PRINCIPALS
39. 39.

    DEPLOYMENT

40. 40.

    DEPLOYMENT

41. 41.

    JUST IN TIME DEPLOYS ONLY FOR ADMINS UPDATES JS TO

    MASTER LINKED TO A PR
42. 42.

    SUMMARY 1. WHY ARTSY MOVED 2. DOWNSIDES 3. OMAKASE 4.

    UPSIDES 5. BROWNFIELD 6. DEPLOYMENT
43. 43.

    ORTA THEROX @ORTA