Giter VIP home page Giter VIP logo

Comments (8)

mjackson avatar mjackson commented on April 19, 2024

I'm not opposed to this, though it seems like #52 should be solved by using a transition.redirect( ... ) in the willTransitionTo hook of the route handler. I'm not sure it represents a good use case.

from react-router.

mjackson avatar mjackson commented on April 19, 2024

To clarify, the PostPage handler from #52 could have looked like this:

var PostPage = React.createClass({

  statics: {

    paramsAreValid: function (params) {
      // ...
    },

    willTransitionTo: function (transition, params) {
      if (!PostPage.paramsAreValid(params))
        transition.redirect('404');
    }

  }

});

Of course, this requires you to create your own paramsAreValid method for each route handler.

But also, consider the case where paramsAreValid succeeds but you still have a 404. Still going on the example from #52, assume the id param is indeed numeric but the id isn't found in the database. You still need to redirect to the 404 in that case. So it weakens the argument for param validation based on regex IMO.

from react-router.

ryanflorence avatar ryanflorence commented on April 19, 2024

Ignoring #52 (since it has been solved quite nicely with https://github.com/bjyoungblood/rnr-constrained-route) I still wonder if there's some interesting stuff we just aren't thinking about yet that could happen if people could make their own <Route>.

But until we have a strong use-case that can't be solved elegantly with the existing api, happy to leave this sitting here and pick it up then.

from react-router.

madebyherzblut avatar madebyherzblut commented on April 19, 2024

@rpflorence Can you post an example how this could solve the context problem discussed in #57?

from react-router.

ryanflorence avatar ryanflorence commented on April 19, 2024
var ContextualRoute = React.createClass({
  mixins: [ Router.RouteMixin ],

  getDefaultProps: function() {
    return { context: { foo: 'bar' } }
  }
});
<ContextualRoute handler={App}/>
<!-- instead of -->
<Route context={context} handler={App}/>

from react-router.

ryanflorence avatar ryanflorence commented on April 19, 2024

I don't think we need to do anything fancy here anymore, the way we've implemented <Redirect/> shows that making custom route config components is trivial. https://github.com/rackt/react-router/blob/master/modules/components/Redirect.js

Unless @spicyj sees something terrible about treating a plain old function like a component ... I felt a little sneaky when I wrote that code.

from react-router.

sophiebits avatar sophiebits commented on April 19, 2024

Actually, yes. Plain functions will soon cease to work in JSX because of a handful of changes we're planning to make soon – you'll hear more details from @sebmarkbage when they're ready.

from react-router.

ryanflorence avatar ryanflorence commented on April 19, 2024

Would like to know how to accomplish what we have with Redirect so we can change the implementation before those changes break it.

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.