Issue 51 September 25th 2019

Hello

React Native 0.61 is out and we've got a new name!

React Native 0.61 shipped this past week with Fast Refresh, a new useWindowDimensions hook, and an update to React 16.9. See below for the official blog post on all the details.

And in other big news, this newsletter has a new name - React Native Now! Make sure to follow us on on Twitter and Facebook to stay alert in the happenings of React Native. And, please feel free to submit your favorite links to us.

News

Announcing React Native 0.61 with Fast Refresh

Official blog post from Dan Abramov announcing the release of React Native 0.61

Expo SDK 35 is now available

Expo SDK 35 was also released last week, based on React Native 0.59.8. This new version adds Dark Mode support, Apple Authentication, improvements to Expo Web, and new modules for device and environment info.

Libraries & Tools

Announcing React Navigation 5.0

The big news continues with the announcement of React Navigation 5.0 - featuring a new "Hooks first" dynamic component based API. It's still in development, but you can give it a try if you're feeling bold.

Tutorials

Mimic WhatsApp stories using React Native and Firestore

A great tutorial teaching you how to mimic the stories feature of WhatsApp using React Navigation, Redux, Firebase Authentication, and the Firestore database.

React Native local notifications with hooks and context

Another great tutorial where the author walks you through building a local notification system with hooks and context. An easy read.

Open Source

why-did-you-render - why-did-you-render monkey patches React to notify you about avoidable re-renders.

react-native-pager - controllable pager component for react native

react-native-infinite-flatlist-patch - Now easily solve the problem of infinite scrolling!

react-native-popup-navigation

react-native-apple-scroll-wheel - The iconic scroll wheel that debuted with the original iPod. Now for React Native.

react-native-ui-blueprint - No more wrong margins, text sizes and many other silly visual mistakes. React Native UI Blueprint allow to you implements a pixel-perfect design.

react-native-credit-card-input - Easy (and good looking) credit-card input for your React Native Project

react-native-particle-background - React-native Background Particle

Videos

Spotify Player - “Can it be done in React Native?”

In this video, William Candillon walks through building the Spotify bottom sheet gesture and animation using React Native. Great stuff.

Around the Web

React Native EU Conf @ 2019 — Two Cents

Some great post-conference notes from an attendee of React Native EU Conf 2019.

React Native v/s Flutter: Here's how not to get overwhelmed in the debate

Flutter isn't something I've personally spent much time thinking about - but it's an interesting technology sharing some parallels with React Native. In this post, Prakash shares some opinions on the two.