Built-In Components

You will find some examples on how to use these component in the examples section.

<Helmet />

Works just like react-helmet. Works client-side and SSR.

loading...

<Img />

Lazy Loading Images. You should add a height and width if possible.

loading...

<Router />

A isomorphic router is included.

loading...

<Suspense />

Use Suspense for async fetching resources from your server. Add cache if you want to cache the result of the promise.
Check the examples to see it in action.

loading...

Nano JSX provides a fancy Link Component for prefetching pages.

loading...

<Visible />

This children of Visible will only be rendered and added to the dom, if they are visible. This is useful, for example, for a comment section. The root elements of Visible needs to be DOM element or a Fragment with at least one DOM node as direct child.

loading...