Preact Simple Starter

It's highly recommended to use Preact-CLI

Build Status Code Climate Badge

PWA Simple Starter with Preact, Webpack 2 and your favorite React related packages :rocket:

This App uses:

  • Preact
  • Preact-mdl
  • React-Router
  • Redux
  • React-Helmet
  • Sass
  • Webpack Dashboard(For Bundle Analysis)

JS Build files:

  • app.js - 78.6kb (17kb gzipped)
  • vendor.js - 46.3kb (12.5kb gzipped)
_100/100 on lighthouse 1.4.1 audits_

Quick-Start Guide


1. Clone this repo:

git clone
cd PreactSimpleStarter

2. Make it your own:

rm -rf .git && git init && yarn init

:information_source: This re-initializes the repo and sets up your yarn project.

3. Install the dependencies:

yarn install

You're done installing! Now let's get started developing.

Development Workflow

4. Start a live-reload development server:

yarn run dev

This is a full web server nicely suited to your project. Any time you make changes within the src directory, it will rebuild and even refresh your browser.

:information_source: Try to avoid using Service Worker in your development environment, so you won't need to hard reload the page anytime you make a change.

5. Generate a production build in ./build:

yarn run build

You can now deploy the contents of the build directory to production!




PWA Simple Starter with Preact, Preact-mdl and Webpack2 🔥🔥🔥

Preactsimplestarter Info

⭐ Stars 62
🔗 Homepage
🔗 Source Code
🕒 Last Update 2 years ago
🕒 Created 5 years ago
🐞 Open Issues 13
➗ Star-Issue Ratio 5
😎 Author ooade