Artsy x React Native

A single day conference on React Native for iOS developers in July 2018

We starting with talks, had a long Q&A, then moved into pragmatic workshops

All focused on how you can make quality iOS apps

Who Orta Therox
Maxim Cramer
Eloy Durán
Christoph Nakazawa

What

Adding React Native to existing Apps

1. Slides

   By Eloy Durán

   How and why we choose to integrate React Native into our native app

2. Artsy Omakase

   Slides

   By Orta Therox

   What is the Artsy JavaScript tech stack? How did choose and improve our dependencies

3. Learning How to Learn

   Slides

   By Maxim Cramer

   How to make you and your team resilient to changes in the technical landscape

4. ---

5. Artsy Q&A on React Native

   Chaired by Christoph Nakagawa

   With Eloy Durán, Maxim Cramer and Orta Therox

   An hour and a half of moderated, and audience questions. Click here to see the questions and timecodes.

   1. What type of Apps is React Native a good fit for? 00:01:00
   2. What type of Apps is React Native a bad fit for? 00:01:46
   3. What are your thoughts on Android support? 00:03:25
   4. Is React Native useful enough to be useful when only supporting one platform? 00:04:50
   5. How does React Native compare for performance, how do you debug, and find performance problems? 00:08:14
   6. How do you handle the tension around React Native's lack of a general roadmap? 00:13:07
   7. How do we get people to think with React Native first? 00:15:25
   8. One of the big hype features for React Native is live deployment of JavaScript, do you use it? 00:19:45
   9. Have you had any issues with App Review from Apple? 00:23:11
   10. Do you think that Apple will change something that could make React Native not work? 00:24:55
   11. You talk about de-siloing engineers, but different projects need different constraints like deployment for this cause tension within the engineering group? 00:27:16
   12. What is the biggest cultural issue we had in introducing React Native, and how did we resolve it? 00:32:22
   13. Does de-siloing engineers de-skill them? 00:36:24
   14. How would you try out React Native in a small way inside an existing app? 00:40:20
   15. Can I use Swift with React Native? 00:42:59
   16. Why didn't Swift solve your problems? 00:44:17
   17. What resources would you recommend for learning React Native? 00:47:26
   18. Audience Questions
   19. How did you come to the conclusion that native should handle domains like navigation? 00:49:47
   20. What are the value of types in JavaScript? 00:51:18
   21. Is a new view by default React Native in the Artsy app? 00:55:24
   22. Is there an effective way to debug in JS/iOS/Android at the same time? 00:57:23
   23. Is there a point where the component library abstraction starts to not pay-off? 00:59:26
   24. Are you recommending that if you can't truly own your dependencies you should not be using tools like React Native? 01:02:32
   25. Do you see the same ownership and de-siloing on the platform side? 01:05:57
   26. Would our setup be different with a more complex app? e.g more offline state 01:09:09
   27. If you could fix one serious issue with React Native, what would you do? 01:13:47
   28. What should you be mindful of, technically, when using React Native? 01:15:20

How.Workshops

1. Building a Pod Components Library - video
2. React Native Bread and Butter - video
3. What happens with React Native init?
4. Minimum Viable Tooling

Hot TipIn Safari, right click twice in a Youtube video to access a menu which lets you move the video out of the window using "Enter Picture in Picture".

Add.Other Resources

1. github.com/artsy/x-react-native
2. artsy.github.io/artsy-x-react-native-invite-2018
3. artsy.github.io/series/react-native-at-artsy

 React Native at Artsy

1. React Native at Artsy
2. Using VS Code for JavaScript
3. On our implementation of React Native
4. JavaScript Glossary for 2017
5. Exploration: Front-end JavaScript at Artsy in 2017
6. Retrospective: Swift at Artsy
7. Intro to React Native for an iOS Developer
8. React Native, 2 years later
9. Making a React Native Components Pod