Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript animated route example on this site doesnt work for nested routes

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #299692
    Syntapse
    Participant

    Hi Im learning React for a hobby I hope one day to use it professionally.

    Im referring an example on this site: https://css-tricks.com/animating-between-views-in-react/

    Im trying to animate routes and failing on nested routing due to all the examples i found use location.key as the CSSTransition key. This means that parents will re-render on any re-route of children which animates the whole page and child routes are not being respected. I cant find a way to correctly animate a hierarchy of components with . I’ve raised github and Stackoverflow questions and received lots of advice on what not to do but no working examples. Is it even possible using React Router 5.1.2+ and React Transition Group?

    thanks

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.