Awesome Preact

A curated list of amazingly awesome things regarding Preact ecosystem :star2:

Preact is a fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.

Contents

• Community
• Toolkits
• Boilerplates
• Routing
• Components
• Libraries
• Testing Utils
• Articles
• Example Apps
• Real Apps
• Related Libraries
• Tips

Community

• Slack (Discussion Forum)
• Stack Overflow
• Github
• Twitter

Toolkits

• Preact CLI - Build a Preact Progressive Web App in seconds.
• Vite - Fast native-ESM powered web dev build tool for Preact, Vue or React.
• nwb - Quick Development with React, Inferno or Preact.
• React App Rewire Preact - Use Preact with create-react-app without ejecting.
• Preact CLI PostCSS - It removes the default postcss config on Preact CLI, so you can use postcss.config.js.
• Create Preact App - Create Preact apps with no build configuration.
• Storybook Preact - Storybook for Preact is a UI development environment for your Preact components.

Boilerplates

• Official Boilerplate - Ready-to-rock Preact starter project, powered by Webpack.
• Preact Simple Starter - PWA Simple Starter with Preact, Preact-mdl and Webpack2.
• Preact Offline Starter - Webpack2 boilerplate for building SPA / PWA / offline front-end apps with Preact.
• TypeScript Preact Starter - Barebones starter project for Preact with TypeScript.
• TypeScript PWA Preact Starter - PWA Starter with TypeScript and SASS (131kb)
• Electron TypeScript Preact Boilerplate - Electron starter project with TypeScript and Preact support, powered by esbuild.
• Preact Modern Startupper - PWA boilerplate with support for TypeScript, Goober, Unistore and Plop.
• Preact Redux SSR Example - Server-side Rendering with Redux Example.
• Preact PWA - PWA focused on raw performance, server side rendering, prerendering, redux, express, rollup.
• Preact Chrome Extension - A Full Feature Preact Chrome Extension Starter Kit.
• Preact Web Extension - ⚡️ WebExtension Vite Starter Template with Preact.
• Preact Neutralino TypeScript Starter - Starter project for building lightweight desktop applications with Preact and neutralino.js.
• Simple Deno Starter - Tiny starter template with Preact and Deno for building single page applications.

Routing

• Preact Router - URL router for Preact.
• Preact Route Async - A (440b gzip) route component that enables async loading of page-components.
• Wouter - A tiny (1KB gzip) router for Preact/React with React Router-like API.

Components

• Preact Material Components - Preact wrapper for "Material Components for the web".
• Preact Scroll Header - A (800b gzip) header that will show/hide while scrolling for Preact.
• Preact Progress - Simple and lightweight (~590 bytes gzip) progress bar component for Preact.
• Preact Compat - Use any React library with Preact (full example).
• Preact Render To String - Universal rendering.