Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[WIP] React Native 2 years on

Orta
February 14, 2018

[WIP] React Native 2 years on

A simpler retrospective covering the salt 2 years of RN at Artsy

Orta

February 14, 2018
Tweet

More Decks by Orta

Other Decks in Programming

Transcript

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

    ARTSY MOVED 2. DOWNSIDES 3. OMAKASE 4. UPSIDES 5. BROWNFIELD 6. DEPLOYMENT
  2. 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.” “
  3. 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
  4. WHY MOVE? 5 SILOED MOBILE ENGINEERS SLOW TEAMS NATIVE TOOLING

    QUALITY SEPERATION OF CONCERNS ARTSY.GITHUB.IO/BLOG/2016/08/15/REACT-NATIVE-AT-ARTSY/
  5. ?

  6. 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”
  7. ARTSY OMAKASE - TYPESCRIPT - GRAPHQL - REACT - JEST

    - RELAY - STORYBOOKS - STYLED COMPONENTS ARTSY.GITHUB.IO/BLOG/2017/02/05/FRONT-END-JAVASCRIPT-AT-ARTSY-2017/
  8. RELAY CORE GRAPHQL WORKING GROUP JEST CORE STORYBOOKS ORG CONTRIBUTIONS

    TO REACT / REACT NATIVE CONTRIBUTIONS TO TYPESCRIPT / DEFINITELY TYPED WRITE VSCODE EXTENSIONS DANGER
  9. - NO MORE MOBILE TEAM - CONSISTENT ABSTRACTIONS WITH WEB

    - OWN YOUR ENTIRE STACK - JS TOOLING - DEV CLOSER TO THE SPEED OF THOUGHT
  10. BROWNFIELD ARTSY.GITHUB.IO/BLOG/2016/08/24/ON-EMISSION/ - PREPARED FOR REACT NATIVE EXPERIMENT TO NOT

    WORK - ALL RN IS A SEPARATE REPO, APP JUST SEES VIEW CONTROLLERS FROM POD - MAIN APP DOES NOT REQUIRE NODE - KNOWING WHEN TO USE NATIVE IS NUANCED - EXAMPLE: HOW DO WE PUSH A NEW NAV?
  11. DEPLOYMENT - WE DEPLOY RN TO PROD VIA APP STORE

    - JS IS JUST A SINGLE FILE, CAN BE CHANGED ANY TIME - EVERY PR, EVERY MASTER COMMIT CREATES BUILDS ON S3 - PROVIDED AN ADMIN TOOL FOR SELECTING THE JS - WE’RE STILL TOO CAUTIOUS FOR PROD DEPLOYS - THERE’S AN API CONTRACT BETWEEN NATIVE/JS