React Navigation makes it relatively simple to change how navigators behave. This post (Part 4 in a series) shows how to customize screens animating in and out of view.

Learn how to use styled components and how to use styled components themes. Find out why styled components are built with tagged template literals.

How to recreate Twitter's loading animation with React Native.

Awesome article on mastering ScrollView to display and scroll properly.

Check out how to unlock useful functionality from React Navigation's default routing behavior by manually managing navigation state in Redux.

Detailed article to get up and running with MobX State Tree.

Get up and running with a React Native Todo App using NativeBase for UI, Hasura for backend, and Redux for state management.

Monetize your app by integrating AddMob in this step by step guide.

Implementing real world production tested multi-factor authentication in a React Native application.

Developing a react native app and wonder about limitations? To avoid frustrations mid-development, check out this extensive list of React Native limitations.

The low-down on working with Images in React Native. Covering: prefetch, using Expo, image concurrency on Android, progressive loading, and landmine bugs.

Check out this video on handling form validations for use in your next project.

Highlights:

• Keyboard events now include easing and duration
• On Android, ScrollView now takes snapToInterval like iOS
• On Android, TextInput now takes onKeyPress like iOS

React Navigation version 1.0 has been released!

Highlights:

• Support for fonts, videos, and audio assets in standalone apps
• Out-of-the-box support for AWS Cognito
• API improvements: Calendar - MailComposer
  
  

This release had a lot of work around the bundler and packager, a ton of bugfixes, and updates to many of React Native's dependencies. Lots of under-the-hood work was done as well to improve the layout engine.
A few highlights:

• DatePickerIOS now takes locale
• CameraRoll can now deletePhotos 📸
• Introducing PlatformOS – Platform with a simplified API
• Introducing justifyContent: space-evenly

Charts for your React Native app.

• Line Chart
• Bezier Line Chart
• Progress Ring
• Bar chart
• Pie chart
• Heatmap

A simple library that creates BottomSheets according to the Material Design Specs.

A React Native example for phone verification.

A download button with a cool animation.

React Native for effects like shining.

A lightweight Game Engine for React Native.

Infinite Red is an app and web development studio that has established itself as a leader and subject matter expert in React Native, Elixir, Rails, and Phoenix.  Our experienced and passionate team works with clients across the globe to translate their objectives into beautiful and functional apps and websites.

Chain React 2018 is still looking for speakers! We encourage everyone in the React Native community to submit a talk of any level or topic by February 28th. Less than a month of Early Bird ticket pricing left! Buy now here. Email conf@infinite.red for group discounts.

A free and open source toolchain built around React Native to help you build native iOS and Android apps using JavaScript and React.

Run native mobile apps in your browser. For app demos, training, customer support, development, testing, and more.