GithubHelp home page GithubHelp logo

leonardogentile / react-mobx-router5 Goto Github PK

View Code? Open in Web Editor NEW
59.0 4.0 5.0 966 KB

React components for routing solution using router5 and mobx

License: MIT License

JavaScript 100.00%
mobx-router5 mobx router5 router react routing observable observer reactive reactive-programming

react-mobx-router5's Issues

MobX 5 compatibility

When installing MobX 5+, NPM will fire warnings of react-mobx-router5's dependencies because it requires ^4.0.0. Can this be adjusted to (also) be compatible with ^5.0.0 ?

npm WARN [email protected] requires a peer of mobx@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of mobx@^4.0.0 but none is installed. You must install peer dependencies yourself.

Nested RouterNode's do not react when matching same route

Hi,

I have been using this router in a production application for a while now and is very happy with the result.

Today when i was working on some new features i discovered a bug og rather a issue with the way routeNode's with mobx.

When a route matches the same route even though the route changed(params change) the child RouteNode is not updated beacause the interception point is the parrent route due to the param change and the parrent router matches the same route so the child Router do not get rerendered.

See this reproduction: https://stackblitz.com/edit/react-azsnhb :-)

  1. Click on "Page 1 / Article"
  2. Click on "Page 2 / Info"

The unexpected behavior is that the nested router statys at article even though the route is updated to the info page. :-)

react 16 support

peer dependency requires react@^15.0.0, it'll be nice to support react 16 :)

A better 'Something went wrong.' view

Hi.
I have a requirement to replace the 'Something went wrong' message with a nicer looking view which is much more complex than a simple string.
How would I go about doing this ?

Should I raise a PR for this change ?

Or should I be forking this project and maintaining my own version ?

BaseLink onClick prop should not require router

according to the documentation, the BaseLink component should not require router or routerStore if onClick prop is passed in. It's giving error this.router is null on Firefox and Uncaught TypeError: Cannot read property 'navigate' of null on Chrome

Feedback from users

Hello mates!
This little project of mine started to solve a personal problem but it turns out other people are using it ;)

I'd like to have a little feedback if you have a couple of minutes:

  1. How/where are you using this? (big/small apps, personal projects?)
  2. Are you using the getComponent or RouteView utilities or using a plain ol' switch?
  3. Is the README too complex to follow? Do you think it could be simplified?

Thanks!

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.