Issue 45 March 7th 2019

News

React Native Open Source Update March 2019

If you're wondering what's been up with the React Native repo lately, the answer is: A LOT. The Lean Core effort is in full swing, and many packages have been moved out of the core repo for easier maintenance. Christoph Nakazawa wrote up an update to keep us all in the loop about that, and let us know of what's coming in React Native 0.59.0!

Libraries & Tools

Announcing React Native Tab View 2.0

React Native Tab View has been rewritten from the ground up with react-native-gesture-handler and react-native-reanimated. The component's performance in this version is crazy good 🔥. Unfortunately, the rewrite means it's not backwards compatible, so if you're upgrading from an earlier version, you'll get a lot of breaking changes, but it's totally worth the effort!

You can now use Expo APIs in any React Native app

HUGE announcement from the Expo team that they've been working on for a while: you can now use Expo APIs, even if you bootstrapped your app with react-native init! Expo has been shipping incredibly useful APIs for React Native, most of them are complex and interact with Native APIs, but until now, you could only use them if you created your app with Expo in the first place. Well, no longer, and this opens up a lot of doors for React Native developers! 🎉

Upgrading a React Native app with rn-diff-purge

Upgrading versions is notably one of the most painful aspects of React Native. When the RN team asked a couple of months ago what people's pain points were, upgrading was the most commonly voted one. This little tutorial is a useful read if you need to upgrade soon (which you do :p), worth checking out!

How we save 1M hours of development using React Navigation

Super short write up detailing a little trick to help speed up your React Native development, using React Navigation!

Open Source

react-native-stripe - "A React Native wrapper for the Stripe native SDK"

react-native-flip-timer - "A Flip Timer implementation in React Native"

react-native-pages - "A component to handle transition between pages based on a list of ordered statuses"

react-native-stepper-touch - "A touchable stepper for React Native"

go-ghostbridge - "Encrypted and mutually authenticated React Native to Go library bridge"

react-native-motion - "Beautiful and easy to use React Native page transitions"

Comment

Hey folks!

Hope you're having a beautiful week, building amazing things with your favorite library! Last week, the React Native team asked their Twitter followers to share the apps they built. They received hundreds of amazing answers, definitely worth checking out if you want to be impressed by how far people are taking React Native. It's really great to see the RN core team engage with us open source users more, it shows how much Facebook is investing in this project, and makes me believe even more in React Native's future!

In other news, React Native 0.59.0 is coming out within the next week or two. I've already mentioned that Hooks will be included in this version, but this week I also learned that it will ship with a new version of JSC, in order to satisfy Google Play's 64-bit support requirement, which is becoming mandatory in 2019. When this version comes out, it will be important to upgrade your codebases before August 2019, otherwise you will not be able to publish or update your Android apps. On top of that, apps not upgraded before August 2021 will be removed from the Google Play Store. Let your team know, and make this a priority!

Alright then, I wish you all a great end of the week, and a restful weekend!

Hope you enjoy this issue, cheers! 🍻

Engineering

React Native Architecture for Native Developers

If you're coming from a Native development background, you probably felt like a total noob when you got started with React Native. While Android and iOS development have similar paradigm, the React paradigm is a whole new world, which is harder to grasp if you don't have previous web development experience. An engineer at Wix had this exact experience, and wrote this amazing article to help React Native newcomers understand React Native's architecture, and how everything fits together. Must read!

How to Debug React Native Apps in Development and Production

A very detailed tutorial on how to debug production issues on your React Native apps. Better be safe than sorry!

Building an Animation Hook in React Native

With Hooks landing in React Native very soon, Spencer Carli took some time to write up this little tutorial on turning the Animated API into a Hook. Really cool, and definitely much more readable!

Guild Case Study: How We Used React Native to Share Over 80% of Code Between iOS, Android, and The Web

I never get tired of reading about success stories from teams who built apps using React Native. Goes to show that it really can be a great choice, whether for small or large companies!

Business

Four Startup Engineering Killers

I don't remember the exact statistic, but I remember hearing that the overwhelming majority of startups fail. As someone with the ambition of starting a company one day, it's terrifying to hear! While there are many reasons a startup can fail, from the wrong team, to the wrong product, to the wrong timing, an often overlooked aspect is engineering mistakes. This is a great read if you're working in a startup, or interested in the startup world, because software engineering for a young company is a whole different beast, and it takes time to learn!

Random

7 Tips for Breaking Into DevRel

Developer Advocates (or Avocados 🥑) are some of the most highly coveted roles in Software. After all, you get to travel all over the world, meet amazing people and speak at conferences, all the time! Nader Dabit is one of the pillars of the React Native community, and also a Developer Advocate at AWS. In this amazing write up, he gives great tips on how to get into this domain, and specifically the skills you need to develop to get noticed by companies. Great read, Nader, as always!