Comments (5)
The usual way to do this on the web is to redirect to /auth/signin?continue=/secret
or similar.
from react-router.
Interesting use case. I think I agree, the sign in step is a workflow within the secret app state.
I wonder if this is the routers job, or if I should just have a signin component that "secret" uses and my signin route uses it too.
Sent from my iPhone
On Jul 8, 2014, at 3:41 AM, Aliaksei [email protected] wrote:
It would be nice to have functionality (in transition and Router itself) to dispatch specific route without change real URL.
E.g. I have auth flow close to https://github.com/rpflorence/react-nested-router/tree/master/examples/auth-flow . I visit my auth-only page /secret. Then I must be redirected to my auth page and URL in my address bar is /auth/signin. But it would be better for user still see /secret as URL and have some auth Route as activeRoute. In such case if I press Refresh I still have /secret URL and can return to it after sign in. Now I have /auth/signin and can't it.
I see it as something like
// inside my AuthMixin
willTransitionTo: function(transition) {
//...
if (!loggedIn) {
transition.abort();
authService.setTransition(transition);
transition.forward('/auth/signin')
}
}
—
Reply to this email directly or view it on GitHub.
from react-router.
I agree with @spicyj. The URL should dictate the UI that's on the page, namely /auth/signin
. Where to go after that shouldn't be part of the URL, but should instead be part of the query string. Then, after signin you can:
Router.transitionTo(this.props.query.continue || 'home');
from react-router.
I think my comments were ambiguous.
- URLs should always have meaning, they represent application states.
- We should not allow transitioning to a route w/o changing the URL.
- You don't need to save the next url into the url, you can just have "signin" be a workflow within a route, reusing a
SigninForm
component within anAuthenticatedMixin
as well as the signin route handler.
from react-router.
I suppose you're right. I've investigated some of client and server side frameworks and found that it should not be concern of routing to replace one response with another. I'd like to close this issue.
from react-router.
Related Issues (20)
- [Bug]: "react-router-dom-v5-compat" <CompatRouter> doesn't unsubscribe from history potentially causing tests to memory leak HOT 2
- [Bug]: child loader redirect overrides parent loader error HOT 7
- [Bug]: v7_partialHydration with unstable_patchRoutesOnMiss: hydrateFallbackElement not shown on patched routes HOT 5
- [Bug]: Relative path does not work as expected in outlets HOT 1
- [Bug]: useNavigate causes component to rerender HOT 2
- [Bug]: react-aria-components Link - wrong href for external links integrating with React Router HOT 1
- [Bug]: Spurious rerender at the start of a load HOT 4
- [Bug]: HashRouter need to wrapped twice HOT 1
- [Bug]: returning `replace` from loader replaces an extra entry HOT 8
- [Bug]: When the page returns, there is a noticeable delay/latency. HOT 1
- [Bug]: Navlink className function props not work as expected it HOT 2
- [Docs]: Switched parameters in matchPath HOT 1
- [Bug]: Unable to match a url that ends in an equal sign HOT 1
- [Bug]: optional segments with dynamic segments HOT 1
- [Bug]: State is not preserved in a component tree when switching to render via custom `<Routes location={location}>` prop
- [Bug]: undefined is not an object (evaluating ' request.signal.aborted ') HOT 1
- [Bug]: "TypeError: URL constructor: // is not a valid URL" while using data router HOT 7
- [Bug]: Relative option is not work in useNavigate HOT 3
- [Bug]: (a11y)-Multiple accessibility issues with React-Router HOT 1
- [Bug]: The global state manager does not work in conjunction with react-router-dom HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-router.