Preact Route Async Save

Easy asynchronous loading for your router components. For 440B.

Project README

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

Open Source Agenda is not affiliated with "Preact Route Async" Project. README Source: mjanssen/preact-route-async
Stars
36
Open Issues
0
Last Commit
5 years ago
License
MIT

Open Source Agenda Badge

Open Source Agenda Rating