Live data from Hacker News

React Native Navigation Library

airbnb.io

11–20 of 56 posts

Re: React Native Navigation Library

#12
post #6

Congrats to the team at AirBnB on the exciting launch! As somebody who has thought a lot about navigation on React Native, I'm super excited to see an easier way to utilize the native navigation views on each platform. React Navigation, released a few weeks ago, includes a customizable JS re-implementation of the native views, and it also provides routers that make it very easy to plug your navigation logic into redu…

>React Navigation, released a few weeks ago,

Wow, you guys have a tight curve you're staying ahead of :-)

Re: React Native Navigation Library

#13
post #8

Am I the only one wondering what the heck this actually is? The page this linked to just goes right into a guide on how to use it but doesn't explain what it is. The github page has a nifty looking guy on it, but once again it's just a jumble of buzzwords I do not understand at all. Why does the Javascript community make me feel stupid? App-wide support for 100% native navigation with an easy cross-platform interface…

App-wide support for 100% native navigation with an easy cross-platform interface. For iOS, this package is a wrapper around react-native-controllers, but provides a simplified more abstract API over it. This abstract API will be unified with the Android solution which is currently work in progress. It also fully supports redux if you use it.

It sounds to me, after reading the above and googling "React Native" for <10 minutes, that this library handles the UI navigation for mobile phone apps written in React Native, and it does so in a way that allows your code to work across multiple operating systems (presumably iOS and Android). This library is also compatible with redux, a very popular state manager.

Re: React Native Navigation Library

#14
post #2

This was a pretty interesting presentation at React Conf. Basically, the Airbnb app started off being totally developed in native code, and they only added React Native later on, so it was really important that their navigation solution be able to handle transitions between screens implemented in native code and screens implemented in React Native. I liked Leland's metaphor of calling apps like Airbnb which started o…

> I liked Leland's metaphor of calling apps like Airbnb which started out without React Native as "brown field" development and calling apps that start out as React Native "green field" development.

FWIW those are pre-existing industry terms (not React Native or mobile specific)

Re: React Native Navigation Library

#15
post #8

Am I the only one wondering what the heck this actually is? The page this linked to just goes right into a guide on how to use it but doesn't explain what it is. The github page has a nifty looking guy on it, but once again it's just a jumble of buzzwords I do not understand at all. Why does the Javascript community make me feel stupid? App-wide support for 100% native navigation with an easy cross-platform interface…

React Native is a popular method for creating semi-native, JavaScript-based iOS and Android apps, based on the very popular React library.

There's no one standard routing/navigation library in the community. As that's quite an important part of almost every app, a new high quality solution is something that any React Native dev would be interested in.

I'm sure you know who AirBnB are. They've spent the last year (?) building part of their mobile apps with React Native, and this is their home-grown navigation library.

Now, most React Native components (including navigation libraries) are built almost entirely in JavaScript, but this one is one of a few which "bridge" the native iOS and Android APIs, potentially resulting in a more natural and familiar feel.

There's one other semi-native nav option out there, Wix's React Native Navigation[1]. I've not personally tried either of them, but it's nice to have choices.

There are lots of JavaScript-based routing systems out there. React Navigation[2] is the closest we've got to an officially sanctioned package in a while, being the successor to two very popular libraries (Facebook's own NavigationExperimental[3] and Exponents Ex-Navigation[4]).

There's also React Native Router Flux[5], which is quite popular, and the very popular React Router[6] has support for React Native in their recently released v4.

As you can see, there are quite a few options available, and there are even more if you want to delve deeper[7]

[1]: https://github.com/wix/react-native-navigation

[2]: https://reactnavigation.org/

[3]: https://github.com/facebook/react-native/tree/master/Librari...

[4]: https://github.com/exponent/ex-navigation

[5]: https://github.com/aksonov/react-native-router-flux

[6]: https://github.com/ReactTraining/react-router

[7]: https://js.coach/?search=navigation

Re: React Native Navigation Library

#16
post #6

Congrats to the team at AirBnB on the exciting launch! As somebody who has thought a lot about navigation on React Native, I'm super excited to see an easier way to utilize the native navigation views on each platform. React Navigation, released a few weeks ago, includes a customizable JS re-implementation of the native views, and it also provides routers that make it very easy to plug your navigation logic into redu…

>React Navigation, released a few weeks ago, Wow, you guys have a tight curve you're staying ahead of :-)

> [REDACTED]

React Navigation is a module for React (which has been around for four years). Instead of having to DIY navigation, you now can use the native system's (iOS/Android) navigation layout. Ex: https://reactnavigation.org/

You're not replacing your tools. You're just getting someone else to coat your drill bits for you to save time.

I just started using React today, so I may be off here, but I think it's pretty straightforward if you googled it.

Otherwise, if you're referring to how "bleeding edge" the guy has to be, I'd imagine he's in a competitive field (or passionate about his projects).

Hell, I'm not in either of those categories, but I think I'll start using this because it looks really helpful.

Re: React Native Navigation Library

#18
post #8

Am I the only one wondering what the heck this actually is? The page this linked to just goes right into a guide on how to use it but doesn't explain what it is. The github page has a nifty looking guy on it, but once again it's just a jumble of buzzwords I do not understand at all. Why does the Javascript community make me feel stupid? App-wide support for 100% native navigation with an easy cross-platform interface…

Kind of seems like you're trolling here but in case you're serious - it's odd to quote the middle of the docs and then complain that knowing nothing about the space you don't understand a given line.

Did you try the first sentence?

> Native Navigation is a navigation library for the React Native platform.

There you go, that's what it is.

If you don't have this problem and/or don't work on React Native apps, move on. If you're trying to learn and don't know what problems a navigation library solves, or don't know what view controllers in iOS development are, or don't know what redux is, or something else in the line you posted, try googling it and then looking at the examples in the library.

Re: React Native Navigation Library

#19

Earlier quoted context omitted.

>React Navigation, released a few weeks ago, Wow, you guys have a tight curve you're staying ahead of :-)

> [REDACTED] React Navigation is a module for React (which has been around for four years). Instead of having to DIY navigation, you now can use the native system's (iOS/Android) navigation layout. Ex: https://reactnavigation.org/ You're not replacing your tools. You're just getting someone else to coat your drill bits for you to save time. I just started using React today, so I may be off here, but I think it's pret…

I removed the language you quoted :). Most programmers don't change the oil they use to coat their drill bits, every few weeks either :)

Edit: thanks.

Re: React Native Navigation Library

#20
We are currently planning on switching from Navigator (https://facebook.github.io/react-native/docs/navigator.html) to React Navigation (https://reactnavigation.org/docs/intro/). After seeing Airbnb's React Native Navigation library, I am not sure what to choose any more.

React Navigation seems to be the framework that is endorsed by the react native team. However, Airbnb's React Native Navigation library seems to be more proven since they had been using it in production. I am wondering if anyone know what are the benefits of using React Native Navigation vs React Navigation

Post reply on HN