Git Product home page Git Product logo

Comments (6)

jmreidy avatar jmreidy commented on March 29, 2024

I've got an initial spike here, but I'm wondering how this should be tested / exampled, since there's not currently a server with which to render the component out....

from react-router.

mjackson avatar mjackson commented on March 29, 2024

hey @jmreidy. Thanks for the spike. I took a slightly different approach.

Instead of using an initialPath, this commit essentially lets you attach or detach the URL store from window.location at will, so you can just use ReactRouter.transitionTo and ReactRouter.replaceWith to manipulate the current path directly. The <Routes> are smart enough to not automatically attach the URL store to window.location in environments where they don't have a DOM. Does this solve your use case?

The transitionTo/replaceWith API may change slightly in the near future, but the functionality will always be there in some form.

from react-router.

jmreidy avatar jmreidy commented on March 29, 2024

Just want to make sure I understand this:

  1. The <Routes> would be setup as normal
  2. In a non-browser environment, the initial url-store.setup wouldn't be called
  3. Instead, there'd be a manual call to ReactRouter.replaceWith(path) to trigger the correct render path.

from react-router.

mjackson avatar mjackson commented on March 29, 2024

@jmreidy Yes, that's correct. Or use ReactRouter.transitonTo(path). In a non-DOM environment both would essentially do the same thing.

from react-router.

jmreidy avatar jmreidy commented on March 29, 2024

Looks good to me!

from react-router.

mjackson avatar mjackson commented on March 29, 2024

Awesome. In that case I'm going to close this one, but beware the API may change slightly. Still haven't hit a stable release! ;)

from react-router.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.