Stack Based Navigation (Push/Pop) with Ionic Web Components

By Josh Morony

The introduction of Stencil and Ionic 4.x has led to a much larger focus on using routes for navigation. In the past, Ionic applications relied mostly on using a navigation stack with a push/pop style of navigation. If you are unfamiliar with how this style of navigation works, I would recommend reading one of my previous tutorials on navigation in Ionic/Angular.

This push/pop style of navigation makes a lot of sense for mobile applications. However, since Ionic is increasing support for Progressive Web Applications, and generally just supplying generic web components that can run anywhere on the web, it makes sense to support URL based routing which makes more sense in a web environment.

If you take a look at the Ionic PWA Toolkit, which is a sort of best practices starter template for building mobile applications with Ionic and Stencil, you will see that there are routes for navigation set up like this

Read the full article...

Share on Google Plus

About www.

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment


Post a Comment