Preact + Typescript Extended Boilerplate ⚛️

This is a opinionated starter project for building fast ⚡️ HTML + CSS + JS apps for modern browsers.

Features

• Preact : Light & Fast version of React ⚛️
• TypeScript : Strongly type your JavaScript 🚨
• Vitest : Unit test your components ⚡️
• Playwright : End to end testing on any browser 🎭
• Storybook : Test your UI components in isolation. 📖
• ViteJS : Lightning fast web server for development 🧑‍💻 and optimized build for production 📦
• Prettier : format code on save and save your energy 🔋
• Eslint : Analyse your code and quickly find issues 🐛

Installation

1. Clone this repo ✂️
2. Install dependencies ⬇️

yarn install

3. Start your dev server 🌐

yarn start

4. Start coding 🧑‍💻

Dependencies

Node

Use nvm to install it (strongly recommended):
https://github.com/nvm-sh/nvm#install--update-script

Yarn

npm install --global yarn

Extras

Build time

Big project and slow build time ? Try turborepo:
https://turbo.build/repo/docs

CSS

Tired about waiting for [https://www.w3.org/TR/css-cascade-6/#scoped-styles](Scoped styles) or using BEM naming conventions ?
Vitejs already includes [https://vitejs.dev/guide/features.html#css-modules](CSS Modules) with PostCSS built-in support.

Testing

Jest is not fully supported by Vite : https://jestjs.io/docs/29.1/getting-started#using-vite

License

All content is MIT.