Skip to content

Instantly share code, notes, and snippets.

@ninjaPixel

ninjaPixel/App.js

Created August 10, 2018 17:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ninjaPixel/3cad4827d93493381c8de7939ba0395a to your computer and use it in GitHub Desktop.
Save ninjaPixel/3cad4827d93493381c8de7939ba0395a to your computer and use it in GitHub Desktop.
Download ZIP
An example of @ninjapixel/meteor-deferred-component in action
Raw
App.js
import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Switch} from 'react-router-dom';
import DeferredComponent from '@ninjapixel/meteor-deferred-component';
const LoadingComponent = () => (
<div className="loading">
<h3>Fetching component...</h3>
</div>
);
const HomeScreen = props => (
<div>
<header>
<h1>The App</h1>
</header>
<p>
Some text...
</p></div>
);
export default class App extends Component {
render() {
return (
<Router>
<div className="App">
<Switch>
<Route path="/" exact render={routeProps => (<HomeScreen {...routeProps} />)} />
<Route path="/test" exact render={routeProps => (<DeferredComponent loadingComponent={<LoadingComponent />} importFunction={() => import('/imports/ui/screens/Test/Test.js')} {...routeProps} name="Meteor developer" />)} />
</Switch>
</div>
</Router>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment