Image for post
Image for post

⚠️ This version is still in alpha and won’t be stable until some time in 2020! More adventurous users are already using it in production but it’s not for everyone. That said, we would love your feedback, it will help us ship the stable release sooner, so please give it a try and even try converting your app if you have the time.

We’ve been working on several improvements to React Navigation, such as improving animation performance with gesture-handler and reanimated libraries, migrating to TypeScript, and more.

In React Navigation 4.0, we decoupled navigators from the main package to reduce bundle size and improve maintainability. However, the biggest limitation of React Navigation was the static API: since the configuration was done statically outside of render-phase, it wasn’t possible to alter the configuration dynamically. So we decided to write a new implementation focusing on lifting this limitation, which I’ve been working on along with Michał Osadnik for past two months. …

React Navigation consists of many navigators, such as the stack, tabs and drawer navigators. Recently I’ve been working with with Michał Osadnik on a new version of the stack navigator, which lives under the react-navigation-stack repo as a standalone package. The main goal of this new version is to improve the performance of animations during gestures, but we also took the time to improve some other aspects of the library.

In this article, we introduce you briefly to the improvements. Here’s a quick overview:

  • Performant animations and gestures
  • Improved handling of state changes
  • New transitions for the latest iOS and Android…

Image for post
Image for post

This is a summary of the talk I gave at App.js on 4th April 2019. You can watch the full talk in the video below. You can find the slides here.

I am a core contributor to React Navigation and React Native Paper, as well as the author of libraries such as React Native Tab View. I hope my experience with working on them can be helpful to you.

When I say component library, I refer to a collection of reusable components. By using a component library, you reduce extra boilerplate in your app and can get productive faster. …


Satyajit Sahoo

Front-end developer. React Native Core Contributor. Codes JavaScript at night. Crazy for Tacos. Comic book fanatic. DC fan. Introvert. Works at @Callstackio

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store