React Native, 2 years later

F116cb3be23153ec08b94e8bd4dbcfeb?s=47 Orta
March 12, 2018

React Native, 2 years later

How do we see React Native two years after we started moving new code to be made in JavaScript in an existing app.

F116cb3be23153ec08b94e8bd4dbcfeb?s=128

Orta

March 12, 2018
Tweet

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