Home

Awesome

Preact route async

npm gzip size

Asynchronous loading for Preact Router. For 440B.

Inspired by preact-async-route. Bundled with 📦 Microbundle

Install

npm install --save preact-route-async

Usage

import Router from 'preact-router';
import Route from 'preact-route-async';

<Router>
  <Route path="/" component={Home} />
  <Route
    path="/user"
    user={user}
    getComponent={() => import('./pages/user.js')}
  />
</Router>

Options

Props and children wil automatically be passed to the fetched Component. The library also passes the path property, coming from preact-router to the Component.

Demo

Code demo can be found here

License

MIT