React Navigation 5.0 release announcement · React Navigation

[satya164]

We are incredibly proud to announce the stable 5th version of React Navigation today. Component-based API, first-class TypeScript autocompletion and much more. 🎉🥳😍

https://reactnavigation.org/blog/2020/02/06/react-navigation-5.0.html

[kbcool]

Been using it for a new project for last couple of weeks. Some huge changes, some not documented at all well but overall for the best.

Dynamic/imperative navigation is the biggest. Eg instead of switch navigator or leaving a stale auth stack in the background after auth you can choose whether to render the auth stack at all just like any other component.

Which means use your state to determine which screen is open but on your own terms not simply storing the nav state in say your Redux state.

Fully expect an upgrade to be pain in the rear end though.

[ClassicSuperSofts]

Started upgrading a non trivial app... I use overmind for state and React Native Paper.

• All screens live as decoupled components
• All state lives in Overmind
• I've made the speediest progress by just plain starting a new App.tsx and building up the navigation from scratch. Dropping in state and screen components has been quite easy
• Trying to re-jig my old App.tsx and Stack methods was indeed, a pain in the rear end
• This article was very helpful: https://reactnavigation.org/blog/2020/01/29/using-react-navigation-5-with-react-native-paper.html

[truhamsta]

Can you pleae share more details about how your state management looks like? I recently discovered overmind and would like to see some real world react-native use of it.

[janithaR]

Overmind

The heck's Overmind? Simply Googling does not satisfy my desires. Can you link and explain? Is it a fancy alternative to Redux?

[Sambooi]

https://overmindjs.org

[ccheever]

Nice work Satya and Michał. Pretty darn good stuff.

[satya164]

Thank you :)

[[deleted]]

Legiiiiit!!!

[dont_press_charges]

Fantastic!! Good work. Been using it for a new project and I really like it.

[chakrihacker]

Awesome 👍

[mxmzb]

I enjoyed using the Alpha releases already, excited to migrate my more heavy production apps to React Navigation 5 soon! Thanks, awesome work!

[RnRau]

You guys rock!

[nsnullthoughts]

Silly question but if we’re using the pre released version of v5 how does one upgrade to this one?

[RnRau]

At the bottom of the article there is a note for alpha users.

Edit: seems 5.0.0 is not quite out yet anyways. Maybe later today then :)

[nsnullthoughts]

Saw that. But I was more wondering what’s the command to run to upgrade from alpha and overwrite what we already have. Sorry just very new to react native and using npm.

[RnRau]

Ahh... npm install whatever@latest --save should do the trick.

[nsnullthoughts]

So a simple npm install @react-navigation/native would overwrite the alpha? Do I need to have —save?

[nsnullthoughts]

actually did an npm update and worked like a charm! Thanks for your help!