stencil-community / stencil-router

A simple router for Stencil apps and sites
https://stenciljs.com/
MIT License
189 stars 55 forks source link

Route transitons #114

Open ladvoc opened 4 years ago

ladvoc commented 4 years ago

Stencil version: (run npm list @stencil/core from a terminal/cmd prompt and paste output below):

@stencil/core@1.14.0 

I'm submitting a ... (check one with "x") [ ] bug report [x] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or https://stencil-worldwide.slack.com

I am building a photo gallery application in which the user is presented with a grid of albums. Clicking an album navigates to a new route which displays the contents of that album.

I am faced with a common situation where I need an animated transition between routes. A simple transition such as a fade would be sufficient, however, a transition in which the image clicked by the user morphs into the same image on the next route would be ideal. I know how to achieve both of these route transitions in React, but I have not yet discovered a method to duplicate this functionality using Stencil Router.

Such transitions take web applications to the next level, and the ability to achieve them with Stencil Router would be an excellent feature.