# The Diverse React Navigation Ecosystem

DevFeed: [The Diverse React Navigation Ecosystem](<https://devfeed.tech/articles/the-diverse-react-navigation-ecosystem-21869.md>)

Original publisher: [Read original article](<https://reactjsnews.com/the-diverse-react-navigation-ecosystem>)

Author: Zach Silveira

Published: 2017-03-06T17:00:00Z

Content type: article

Language: en

Sources: [ReactJS News](<https://devfeed.tech/sources/reactjs-news.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [React Native](<https://devfeed.tech/topics/react-native.md>), [Routing (disambiguation)](<https://devfeed.tech/topics/routing.md>), [React Router](<https://devfeed.tech/topics/react-router.md>), [Redux](<https://devfeed.tech/topics/redux.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [community](<https://devfeed.tech/tags/community.md>), [deprecated](<https://devfeed.tech/tags/deprecated.md>), [native](<https://devfeed.tech/tags/native.md>), [react](<https://devfeed.tech/tags/react.md>), [react-native](<https://devfeed.tech/tags/react-native.md>), [react-router](<https://devfeed.tech/tags/react-router.md>), [redux](<https://devfeed.tech/tags/redux.md>), [router](<https://devfeed.tech/tags/router.md>), [routing](<https://devfeed.tech/tags/routing.md>)

## AI overview

The article compares navigation in React and React Native. It presents React Router as a well-supported incumbent, while describing React Native navigation as rapidly changing, with several official navigators and community projects addressing common patterns such as sidebars, tab bars, and headers.

## Source excerpt

The routing ecosystem around React and React Native is quite different. One is characterized by a strong incumbent, and the other is plagued by rapid change. React JS No question about it, React Router (ReactTraining/react-router) is king here. They have the benefit of several years of active development, along with an active community submitting PR's, fixes, etc. Supplement that with myriad tutorials and how-to's and you end up with a well-supported, stable product. To be fair, React Router has suffered some major API upsets, and is nearly the poster-child for javascript fatigue but the maintainers have declared their lasting support for a few specific versions, which means you can plop down with V3 and be good to go for the next 12 to 24 months. React Native Ok, this is where things start to get really, really crazy. The most important thing to keep in mind is that the React Native team has produced three navigation helpers: NavigatorIOS, Navigator, and NavigatorExperimental. NavigatorIOS was quickly deprecated, as it was supported only by (you guessed it) IOS. Navigator is the currently endorsed solution for navigation, at least if you are following the official docs. However, its about to be upset by- NavigationExperimental. This is an updated navigator that has learned some lessons from Navigator, and has some solid integration with Redux. 'Navigator' is (or was!) sleighted to be deprecated in favor of NavigationExperimental at some point. Already you have three 'official' navigators supported by the React Native team. The big issue with all three of these is that they are somewhat lightweight and don't include a lot of common navigation situations out of the box, like sidebars, tab bars, headers, etc. To solve that, the community has introduced... React Native Router Flux (aksonov/react-native-router-flux). My personal favorite, this is router is based upon NavigationExperimental. You can imagine that the authors looked at NavigationExperimental, realized that e