Issue 60 March 3rd 2020

News

Onboarding thousands of users with React Native

Coinbase gives a great retrospective of their experience rewriting their onboarding flow with React Native for thousands of users. They outline what went well, what didn't, and how they plan to improve in the future.

React Native 0.63 to include new Pressable component

More details and documentation still to come - but get a glimpse of the future for the new Pressable component. As Timothy Yung explains it, "The intention of this new core component is to avoid opinionated styles to encourage app developers to pay more attention to this bit of visual and interaction craft."

Libraries & Tools

React Native for web developers

Awesome new stuff from Evan on the Expo team showcasing their new html-elements library which lets devs implement common web functionality in their universal apps using SEO optimized and a11y supported cross-platform elements.

React Native CLI 3.1.0 and 4.0.0 – What’s New?

Mike from Callstack writes a great post about new features available in RN CLI 3.1 and 4.0 - including the ability to reload and pop the dev menu from the command line.

Tutorials

4 Lesser-Known Performance Tips to Improve User Experience in React Native Apps

Avoiding unnecessary renders is a baseline tip that all React devs should be following when looking to improve performance - but in this post, Andre floats some ideas on four other ways you can boost your app.

A concise guide to configuring React Native with Yarn Workspaces

Alex provides a great guide on how to get a handle of your large codebase by utilizing Yarn's Workspaces functionality - and specifically focuses on the common gotchas experienced with React Native.

React Native Meets SwiftUI

SwiftUI is Apple's new UI framework that takes on the declarative component building approach. Learn how to utilize it in your apps by building a proxy.

Common bugs in React Native

Great idea for a post on this one - Daniel walks through some common bugs in React Native. If you're reading this, you've definitely seen one or two of these before.

Open Source

ControlRoom: A macOS app to control the Xcode Simulator

react-native-slack-bottom-sheet: Binding for PanModal by SlackHQ (see tweet)

react-native-passmeter: Simple password strength meter

react-native-media-clipboard: Image support for the clipboard

react-instagram-media: A <InstagramMedia /> component

react-native-circular-picker: Apple Card circular picker component

Videos

React Navigation v5 Tutorial

Learn how to use React Navigation 5 by implementing the navigation pattern found in popular apps. This 90 minute tutorial covers authentication, stack/tab navigation, params, TypeScript, and more.

Migrating a RN app from REST to GraphQL

In this talk, you'll learn the benefits of GraphQL, and we will see practical examples and the difficulties that can arise with migrating an existing React Native application to GraphQL.