Bugs, bugs, bugs

Issue 18: 🐞 Apple Bug Week 🐛

High Performance Animations, React 16 Error Handling Patterns, Push Notifications with Firebase, and more

Weekly Update

Apple has had a long week with a security bug and other issues caused by the fix. As they deal with this I think it’s a good reminder that all software has issues and that even an almost trillion dollar company like Apple still makes ships bugs to production. 😮

Have a great week!

Do you write React Native or JavaScript articles and want to be featured in our blog? Reach out to wyatt@reactnativecoach.com and we’ll review your submission. ✌🏻

Around the Web

• Tips for high perf animations with React Native: Scroll-based animations

Great start of a series from Antoine Hanriat on high performance animations with scroll behaviors.

• React Native Animation Experiments

Awesome set of animations done in React Native with source code from GeekyAnts.

• Handle errors like a rockstar in React 16+

Great article on Error Boundaries in React/React Native from Bene Studio.

• How exactly does React handle events?

Great article on how React & React Native handle events, from Nicolas Couvrat.

• React Native Push Notifications with Firebase Cloud Functions

Learn how to deliver push notification with Firebase Cloud Functions with this tutorial from Alexi Christakis.

Open Source

• react-native-map-link

Allow the user to choose the maps app of their choice with this project.

• react-native-interactive-image

Interesting image component that allows you set annotation on an image that can be zoomed in on.

• react-native-multi-target-sample

Example TypeScript React Native project with mobile and web targets.

Frameworks

Expo 23 Minor Update

A couple of regressions with React Native were found with SDK 23 so the Expo team released a minor update this week:

• Fix for horizontal ScrollViews in Android
• SplashScreen fixes

Sponsored

React Native Themes from Strap UI

Get your next React Native project up and running fast with a great theme from Strap UI. Check out their awesome options including eCommerce, Dating, and Taxi app themes and starters. 📱

Redux

• Redux Patterns: Rethinking byId and byHash Structures

Nice little spin on a common Redux pattern from Justin Tulk.

• Using redux-observable for asynchronous actions

We user redux-observable for epic in our project at work, this tutorial from Simen Andresen gets you started.

Design

I love the Muzli Blog and follow these two digests each week. If you want to get awesome UI ideas each week I’d suggest giving them a look!

• Weekly Inspiration for Designers #131
• UI Interactions of the week #102

Sponsorship

Have an awesome platform or service that’s built for React Native developers? We’d love to showcase you in our React Native Newsletter! Check our Sponsorship page for more info.