@thorgate/spa-view

View helpers used by Thorgate project template SPA variant

Usage no npm install needed!

<script type="module">
  import thorgateSpaView from 'https://cdn.skypack.dev/@thorgate/spa-view';
</script>

README

@thorgate/spa-view

View helpers used by Thorgate project template SPA variant

Wrap your components into Views using withView helper to take advantage of:

  • ErrorBoundary (see errors)
  • Passing user and authentication information to children
  • If not supported by the browser (or turned off), managing and restoring scroll position so that the content does not jump on loading

view-manager has to be set up to take full advantage of features Views provide.

Usage:

import React from 'react';
import { connectView } from '@thorgate/spa-view';

const withView = target => (
    connectView({ onComponentError: (error) => { console.log(error); }})(target)
);

class Home extends React.Component {
    render() {
        return (
            <div className="Home">
                <p className="Home-intro">
                    To get started, edit <code>src/App.js</code> or{' '}
                    <code>src/Home.js</code> and save to reload.
                </p>
            </div>
        );
    }
}

export default withView(Home);