node package manager

razzle-examples-preact

Razzle Preact Example

How to use

Download the example or clone the whole project:

curl https://codeload.github.com/jaredpalmer/razzle/tar.gz/master | tar -xz --strip=2 razzle-master/examples/with-preact
cd with-preact

Install it and run:

yarn install
yarn start

Idea behind the example

This shows how to setup Preact with Razzle.

Here is a list of changes from Razzle's base template:

  1. Install babel-plugin-transform-react-jsx as a devDependency.
  2. Extend Razzle's babel config with a custom .babelrc
  3. Install preact and preact-render-to-string
  4. Remove react, react-dom, react-router-dom entirely
  5. Update server.js to use preact-render-to-string's render function. Also remove the <div id="root"> element from our html template since Preact can render to the body.