react-contextual-router
Advanced tools
React Contextual Router is a routing library for React for conditional component loaded based on the user context. For instance, is the user using the app on a wide screen, is the user using a pointer device, has the user seen a component. Based on this information you can then load component A or B to better suit functionality to the context of the user.
For now, this is an experiment in porting ConditionerJS to React.
<ContextRouter>
<Context matches="media:{(min-width:50em)} and element:{was visible}">
<p>Only show on big viewports when the element has been scrolled into view.</p>
</Context>
<Context matches="*">
<p>If the above is not matched, show this instead.</p>
</Context>
</ContextRouter>
FAQs
Declarative context based routing for React
The npm package react-contextual-router receives a total of 7 weekly downloads. As such, react-contextual-router popularity was classified as not popular.
We found that react-contextual-router demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
/Security News
Socket uncovered four malicious NuGet packages targeting ASP.NET apps, using a typosquatted dropper and localhost proxy to steal Identity data and backdoor apps.
Research
An emerging npm supply chain attack that infects repos, steals CI secrets, and targets developer AI toolchains for further compromise.
Company News
Socket is proud to join the OpenJS Foundation as a Silver Member, deepening our commitment to the long-term health and security of the JavaScript ecosystem.