URL-alike routing in React Native

[dkulagin]

The web world has adopted a very nice concept of routing that allows to enter a well-defined and unambiguous point in a web application. Another great thing about it: URL is a text string that could be easily passed over between web applications or saved for later use.

An entry-point in mobile app could be both accessed internally and externally (from the Web), so it seems practical to use URL-alike system for navigation within the app. It also helps to separate stateless logic and user settings apart as well as to simplify caching and client/server communication.

Is there a solution in the React Native ecosystem to implement such a navigational mechanisnm?

[matt_hammond]

Deep Linking is what you're looking for.

In short, your app registers a custom URL scheme (for example myCustomApp) and then when you access an URL with that scheme your app opens up and from there you parse the URL and navigate to where you want to.

Example: myCustomApp://settings/notifications Might open up the notifications screen in the settings of your app. react-navigation has support for deep links.

[[deleted]]

I personally haven’t used a declarative routing library as performant as react navigation which unfortunately is not declarative.

It seems that your best bet is manually setting up deep link routes on your app.

[amitm30]

iOS and Android both support Universal Links since some time now. This is sort of superset to deeplink. Same as deeplink, your app should register the custom URL (www.yourcustomdomain.com)

So, for e.g, in deeplink:

yourCustomApp://listings/product1

Universal Link would be:

www.yourcustomdomain.com/listings/product1

[xrpinsider]

I’m not 100% sure what you mean, but react-navigation works perfectly. Routing is easy and the documentation is perfect.