react-static-plugin-preact

A React-Static plugin that adds support for preact

Usage no npm install needed!

<script type="module">
  import reactStaticPluginPreact from 'https://cdn.skypack.dev/react-static-plugin-preact';
</script>

README

react-static-plugin-preact

A React-Static plugin that adds support for preact

Installation

In an existing react-static site run:

$ yarn add react-static-plugin-preact

Then add the plugin to your static.config.js:

export default {
  plugins: ["react-static-plugin-preact"]
};

As final step, depending on the template you started with, you might need to remove the React Hot Reload component from index.js. Change:

  const render = Comp => {
    renderMethod(
      <AppContainer>
        <Comp />
      </AppContainer>,
      target
    )
  }

to:

  const render = Comp => {
    renderMethod(
      <Comp />,
      target
    )
  }

To preserve component state when using prefresh, it is neccesary to name the components you're exporting. Instead of

export default () => {
  return <p>Want to refresh</p>
}

You'll have to write your components like this:

const Refresh = () => {
  return <p>Want to refresh</p>
}

export default Refresh;

or

export default function Refresh () {
  return <p>Want to refresh</p>
}