https://github.com/bmitchinson/old-preact-typescript-pwa-starter

Preact PWA template with support for TypeScript + SASS (131 Kb)
https://github.com/bmitchinson/old-preact-typescript-pwa-starter

preact preact-router pwa pwa-boilerplate sass typescript

Last synced: about 2 months ago
JSON representation

Preact PWA template with support for TypeScript + SASS (131 Kb)

• Host: GitHub
• URL: https://github.com/bmitchinson/old-preact-typescript-pwa-starter
• Owner: bmitchinson
• License: mit
• Archived: true
• Created: 2019-08-04T03:44:05.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2019-09-13T02:28:05.000Z (about 5 years ago)
• Last Synced: 2024-05-21T13:03:51.683Z (4 months ago)
• Topics: preact, preact-router, pwa, pwa-boilerplate, sass, typescript
• Language: TypeScript
• Homepage: https://preact-typescript-pwa-starter.firebaseapp.com/
• Size: 373 KB
• Stars: 7
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-preact - TypeScript PWA Preact Starter - PWA Starter with TypeScript and SASS (131kb) (Uncategorized / Uncategorized)

README

        
## preact-typescript-pwa-starter • [Live Demo](https://preact-typescript-pwa-starter.firebaseapp.com/)

[![Travis (.org)](https://img.shields.io/travis/bmitchinson/hexo-theme-tranquilpeak?logo=travis&style=for-the-badge)](https://travis-ci.com/bmitchinson/preact-typescript-pwa-starter)

## A starter kit for a Progressive Web App with...

- Preact

- Typescript

- SASS

- Starting precache size of 131 kB

- A beginning travis-ci config

- Firebase hosting template

- Live reloading. 

    - `tsc` in watch mode with `preact watch` works great + includes sass changes.

- [`preact-cli-plugin-async`](https://github.com/developit/preact-cli-plugin-async) for more efficient async functions

Inherited from the functionality of preact-cli:

- Link routing 

- Route determined code splitting

### To use:

- Edit the `package.json` metadata to your liking

- `npm i`

- Make sure you have global installs of typescript and [email protected]

`npm i -g typescript [email protected]`

- Run `npm run watch` to start a development server. (`-p PORT`)

- Make a cool app

### Notes

By default, `.js` and `*js.map` files will be disabled from the file

explorer in vscode. Simply edit the `.vscode/settings.json` file to edit these defaults.

Additionally, the extensions needed for linting and formating on save are reccommended automatically upon opening the workspace. 

Check the extensions menu for the reccomendations, or reference the `.vscode/extensions.json` file.