react-contextual-router
v0.1.2 react conditionerjs matches media queries media queries context
React Contextual Router
React Contextual Router is a contextual routing library for React based on Conditioner.
Render components based on user context.
Installation
npm install react-contextual-router --save
Usage
import React, { Component } from 'react';
import { Context, ContextRouter } from 'react-contextual-router';
class FallbackComponent extends Component {
render() {
return <b>Fallback</b>;
}
}
class App extends Component {
render() {
return (
<ContextRouter>
<Context query="@media (min-width:40em)">
<h1>Hello</h1>
</Context>
<Context query="@media (max-width:30em)">
<h1>World</h1>
</Context>
<Context component={FallbackComponent} />
</ContextRouter>
);
}
}
export default App;
npm i [email protected]
Metadata
- ISC
- Whatever
- rikschennink
- released 12/27/2016