React Native, 2 years later

Transcript

1. TWO YEARS OF REACT NATIVE IOSOHO - 12 03 18

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

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

3. ORTA THEROX @ORTA

4. None
5. None

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. 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. 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. — On the Internet

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

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. 2015: WHY MOVE? MOBILE TEAM SLOW NATIVE TOOLING QUALITY SEPERATION

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

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

14. ?

15. GITHUB.COM/ARTSY/MOBILE/ISSUES/22

16. None

17. ANDROID DIFFERENT CODE FOR APP SCREEN VS HOST DEV TOOLS

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

18. COMPLEXITY

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

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

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

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

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

24. STATE CHANGES API INTERACTIONS STYLE

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

    GONNA TRY COVER A LOT OF THEM

26. 517 DEPENDENCIES

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. LOSSY ABSTRACTIONS TESTING QUESTIONS UN-ANSWERED CHOICE PARALYSIS JS MOVES FAST

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. None

31. OWNING YOUR DEPENDENCIES

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. TRANSITION YOU CAN RELY ON THIS, BECAUSE WE DO

34. UPSIDES

35. - NO MORE MOBILE TEAM - CONSISTENT ABSTRACTIONS WITH WEB

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

36. EMISSION DEMO ADDING EMAIL TO THE PROFILE SCREEN

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. RN FOR FULL SCREENS NATIVE FOR: - IMAGE CACHING -

    NAVIGATION + ROUTING - ANALYTICS PRINCIPALS

39. DEPLOYMENT

40. DEPLOYMENT

41. JUST IN TIME DEPLOYS ONLY FOR ADMINS UPDATES JS TO

    MASTER LINKED TO A PR

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

    UPSIDES 5. BROWNFIELD 6. DEPLOYMENT

43. ORTA THEROX @ORTA