neuland / micro-frontends

extending the microservice paradigms to web development
https://micro-frontends.org/
MIT License
4.57k stars 476 forks source link

Any ETA for navigation reference? #33

Open prasshantg opened 4 years ago

prasshantg commented 4 years ago

I am looking for reference to develop wizard using micro-frontends. I suppose the navigation reference should cover it. Do you have any ETA for it? Or any documentation how to achieve it?

16pxdesign commented 3 years ago

I would also be interested in continuing the topic

dkowis commented 1 year ago

Two years later...

teone commented 1 year ago

+1 interested in the topic as well

brent8642 commented 8 months ago

I've done navigations by changing the window.location within a custom event handler to load the page of the new location.

Event handler: window.location.href = "https://mysite.com?my_arg=fun-times"

Otherwise, you're behaving like a single page app and changing the DOM per custom event handling or an async POST/GET to the server, but not loading a page entirely. Perhaps even modifying the URL like you see when clicking an anchor link that jumps to a location but doesn't load from the server.

The concept is similar to other things mentioned in the artile:

  1. Use the DOM API to load a new page within a custom event handler
  2. Or use SPA behavior, modifying the DOM to make an illusion of a new page
  3. Modify URL if necessary (and implement custom events for navigating backwards or forwards)