$30 off During Our Annual Pro Sale. View Details »

React Native, 2 years later

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.

Orta

March 12, 2018
Tweet

More Decks by Orta

Other Decks in Programming

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