Issue 52 October 8th 2019

Hello

React Native EU 2019 - introducing the New React Native

This week we're featuring a couple of our favorite videos from React Native EU 2019 - especially one showcasing what is being called the New React Native.

That's all from me this week. Best of luck to everyone contributing to open source during Hacktoberfest and remember to submit any articles you want to share with the community.

Libraries & Tools

Announcing: React Native Firebase version 6.0.0

Official announcement from the team at Invertase about the release of React Native Firebase 6. Big fan of this library and the work this team has put out - and the newest major version looks to make improvements in error handling, stability, usability, bundle size, integration, and documentation.

Tutorials

How to create custom forms with validation and scroll to invalid logic in React Native (Part three: Improvements)

The final part in a three-part series I've been working on outlining how to setup custom forms with custom-rolled validation and logic to scroll to the first invalid element. In this final part, I cover some improvements you can make, such as using Fragments and handling touched elements - and offer some insights and recommendations.

Testing Universal React (Native) Apps with Jest and Expo!

A nice post from the Expo team walking through some of the improvements available as part of jest-expo 35. They've managed to setup the testing library to now not only support iOS testing, but Android and web as well.

Open Source

react-native-retween: Tween animation in React Native with 60fps

rn-dominant-color: Library to extract the dominant colors from an image in React Native both android and ios!

radio-buttons-react-native: Animated radio buttons component for react native

nodejs-mobile-react-native-bridge: A high-level wrapper interface to Node.js for React Native.

react-native-polyline-direction: A component in (iOS + Android) for drawing routes with the polyline of the react-native-maps library

react-native-view-evaluator: A React Native <Component /> which can be used to determine the post-layout configuration of a <View />.

Videos

React Native EU 2019: Emily Janzer - The New React Native

From the React Native EU conference, Emily Janzer of the React Native team shares a roadmap for what they're working on in the new architecture - new native modules, new renderer, and a new initialization path that no longer relies on the bridge.

React Native EU 2019: Jared Palmer - Forms In React Native

Another good one from React Native EU 2019 - Jared Palmer walks through a demo of Formik Native. I'm personally not too familiar with Formik but it seems to have a pretty solid following for React on the web - so it's exciting to see what he's been working on for mobile app development.

The 5-minute React Native Accordion List

A quick video from William Candillon popped up in my feed this week and it's a good one. William takes a well-designed accordion menu example from Dribble and builds it out on React Native in five minutes.