A React.js High-Order Component and decorator for parsing and resolving URLs inside your application.
npm i -S react react-url
;;;const urls =profile: '/profile/:username/';;
URLProvideris a High-Order Component.
URLProviderexpect only one property named
urlsshould be an object where the keys are the URLs names and the values are the unparsed url using the syntax of Express.js.
mapURLToProps) it's optional.
- If you don't supply it then it will add the
getURLfunction as a property.
mapURLToPropsfunction will receive the
propsobject as parameter and should return an object.
getURLfunction receive the URL name and an object with the parameters to use in it and return the parsed URL.
- You can use it as a decorator (like the example above) or just as a function and send them the component to connect.
;const urls =profile: '/profile/:username/';const profileURL =;
- This is a Low-Level API and is used internally for the
connectURLdecorator, it's not expected that you use it directly.
parserreceive as arguments the
urlsmap, the URL name and the options/parameters object.
- It will return the final parsed url string.