Using <Switch> in routes

Get Help and Help Others
#1

Hey all, thanks so much for the hard work!

I’m running into issues when trying to use a <Switch> in my routes. Is this currently not supported? I’d like to handle my various layouts in the router of possible.

#2

You are correct, this is currently not supported. But we’re working on a solution!

1 Like
#3

Sweet, thanks @Tobbe!

1 Like
#4

This might not be its final form, everything might change from now and until it’s delivered. But this is the current WIP prototype

image
image667×773 28.2 KB

1 Like
#5

Hi, is the Switch in routes not supported yet?

#6

Hi @juarez-dev

Our router is different compared to react-router. Our default behavior is the same behavior you’d get with <Switch> in react-router.

Is there something you’ve tried to do that doesn’t work for you?

#7

I was trying to implement transitions between routes using React Spring, like this way:
transitioning between routes with React Spring
or this one:
React Transition Group with react router

Thanks,

1 Like
#8

I was trying to implement transitions between routes

Thanks for letting me know about the use-case! This is something I haven’t tried myself yet, but it’s definitely something I think our router should have support for!

I’m open to ideas on how to implement it in the router code :slight_smile:

1 Like
#9

@juarez-dev We started talking a little bit about animation in this issue:

Feel free to jump in with your thoughts/ideas/comments :slight_smile:

1 Like