React Native 0.52

0.52 Highlights, Implementing the Twitter App Loading Animation, Reason ML, and more

Weekly Update

We took another vacation last week and we’re ready to kick this year off right with great new projects. 🙌🏻 Hope you’re all feeling inspired by the new year as well and 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.

React Native

React Native 0.52

A bit late on this one but here are the highlights from the latest React Native release. Full release notes are available here.

• New space-evenly for justifyContent 👏🏻
• DatePickerIOS now takes a locale
• CameraRoll can now delete photos
• PlatformOS > Platform
• YellowBox.ignoreWarnings([...]) > console.ignoredYellowBox = [...]

Note: We’ve had a hard time updating from 0.48 to 0.49 and above due to new API requirements that effects a lot of dependencies. Hoping this settles over the next couple of weeks.

Around the Web

• How to Become a React Native Developer in 2018

Another excellent article from Spencer Carli on a holistic way to becoming a React Native developer in 2018

• Google Fonts Won’t Work in React Native App — It Does Now!

Learn how to use Google Fonts in React Native with this post from Jon-Michael Dreher

• Implementing Twitter’s App Loading Animation in React Native

Learn how to implement the Twitter Loading Animation in React Native with this post from Eli White

• Tweeting with React Native and Linking.openURL

Learn how to leverage the Linking API to perform out of app actions with this post from Jordan Holland

• Reason & React-Native

There’s a lot of hype around Reason ML and this post from Kay Plößer gets you started with using the typesafe language in React Native

• Add App Icons and Launch Screens to React Native Apps (iOS & Android)

Learn how to add launch screens and app icons to your React Native project with this tutorial from Scott Stewart

Open Source

• slopeninja-native

Incredible full-stack React Native example project

• ReactNative-Animation-Challenges

A lot of great animation examples in React Native 🤓

• react-native-ticker

Awesome ticker component with rotating animations

• react-native-shine-button

Micro animation shine component ✨

• react-native-parallax-flatlist

Parallax replacement for the FlatList component

Frameworks

Victory

We saw Ken Wheeler give a talk on this new Formidable data visualization framework which works out of the box with React Native a few weeks ago at React NYC. It’s flexible and easy to use. Exited to see where this goes!

Podcasts

• Universal React Applications feat. Michał Chudziak of CallStack

Another great React Native Radio podcast discussing Universal Applications

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. 📱

GraphQL

• GraphQL Summit 2017 Videos

All the videos for the latest GraphQL Summit are out

• Apollo Client 2.0: Beyond GraphQL APIs

A highlight from the GraphQL summit is this video from Peggy Rayzis discussing how to manage your data with Apollo GraphQL

• Exploring Reason and GraphQL

Get started with Reason ML in React Native from James Baxley III

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.