All Projects โ†’ ooade โ†’ PreactSimpleStarter

ooade / PreactSimpleStarter

Licence: other
PWA Simple Starter with Preact, Preact-mdl and Webpack2 ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to PreactSimpleStarter

progressive-web-app-starter
Preact based starter kit for making a Progressive Web App (PWA).
Stars: โœญ 19 (-70.77%)
Mutual labels:  preact, progressive-web-app, starter-kit
Preact Minimal
๐Ÿš€ Minimal preact structure
Stars: โœญ 136 (+109.23%)
Mutual labels:  preact, progressive-web-app, starter-kit
Preact Starter
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact
Stars: โœญ 384 (+490.77%)
Mutual labels:  preact, progressive-web-app, starter-kit
anonymous-web
๐Ÿ’ฌ A PreactJS powered progressive web (chat) application (Not active)
Stars: โœญ 28 (-56.92%)
Mutual labels:  preact, progressive-web-app
Polymer Skeleton
๐Ÿ’€ Skeleton for Polymer 3 app with Webpack, PostCSS and Service Workers ready.
Stars: โœญ 185 (+184.62%)
Mutual labels:  progressive-web-app, starter-kit
browser-extension
Browser Extension Template with ESbuild builds, support for React, Preact, Typescript, Tailwind, Manifest V3/V2 support and multi browser build including Chrome, Firefox, Safari, Edge, Brave.
Stars: โœญ 535 (+723.08%)
Mutual labels:  preact, starter-kit
Meteor Apollo Starter Kit
Meteor, Apollo, React, PWA, Styled-Components boilerplate
Stars: โœญ 91 (+40%)
Mutual labels:  progressive-web-app, starter-kit
Preact Cli
๐Ÿ˜บ Your next Preact PWA starts in 30 seconds.
Stars: โœญ 4,510 (+6838.46%)
Mutual labels:  preact, starter-kit
fly-kit-preact
A starter kit for building offline / SPA / PWA apps with Preact
Stars: โœญ 28 (-56.92%)
Mutual labels:  preact, starter-kit
Preact Redux Typescript Rollup Starter
Smallest "React-like" + Redux starter EVER - 13KB min&gzip
Stars: โœญ 24 (-63.08%)
Mutual labels:  preact, starter-kit
Whack A Mole
Offline-first arcade game for children
Stars: โœญ 40 (-38.46%)
Mutual labels:  preact, progressive-web-app
Generator Jekyll Starter Kit
๐Ÿš€ Jekyll Progressive Web App Generator.
Stars: โœญ 139 (+113.85%)
Mutual labels:  progressive-web-app, starter-kit
React Universally
This starter kit contains all the build tooling and configuration you need to kick off your next universal React project, whilst containing a minimal "project" set up allowing you to make your own architecture decisions (Redux/MobX etc).
Stars: โœญ 1,704 (+2521.54%)
Mutual labels:  progressive-web-app, starter-kit
React Most Wanted
React starter kit with "Most Wanted" application features
Stars: โœญ 1,867 (+2772.31%)
Mutual labels:  progressive-web-app, starter-kit
Slidecontrol
Slidecontrol enables you to control your slides with your phone ๐Ÿ“ฑ
Stars: โœญ 30 (-53.85%)
Mutual labels:  preact, progressive-web-app
Cloudflare Worker Preact Pwa
Cloudflare worker running a Preact Progressive Web App
Stars: โœญ 57 (-12.31%)
Mutual labels:  preact, progressive-web-app
React Redux Universal Hot Example
A starter boilerplate for a universal webapp using react, redux, express and feathers
Stars: โœญ 639 (+883.08%)
Mutual labels:  progressive-web-app, starter-kit
Fuel Price
โ›ฝ Check fuel prices daily in most of the states in India
Stars: โœญ 20 (-69.23%)
Mutual labels:  preact, progressive-web-app
Colors App
๐ŸŽจ A PWA for copying values from popular color palettes. Supports HEX, RGB, and HSL formats.
Stars: โœญ 90 (+38.46%)
Mutual labels:  preact, progressive-web-app
Vaporboy
Gameboy / Gameboy Color Emulator PWA built with Preact. โš›๏ธ Powered by wasmBoy. ๐ŸŽฎThemed with VaporWave. ๐ŸŒด๐Ÿฌ
Stars: โœญ 182 (+180%)
Mutual labels:  preact, progressive-web-app

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].