JavaScript HTML CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
test
.babelrc
.editorconfig editor config May 2, 2017
.eslintrc
.gitignore
.travis.yml
README.md
lh.png
package.json
postcss.config.js
webpack.config.babel.js
yarn.lock

README.md

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 🚀

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

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