ooade / PreactSimpleStarter

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

Preact Simple Starter

It's highly recommended to use Preact-CLI

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

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

• Installation
• Development Workflow

Installation

1. Clone this repo:

git clone https://github.com/ooade/PreactSimpleStarter.git
cd PreactSimpleStarter

2. Make it your own:

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

ℹ️ 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.

ℹ️ 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!

License

MIT