Cette page est affichée en anglais. Une traduction française est en cours.
ScriptsApr 11, 2026·2 min de lecture

Preact — Fast 3kB React Alternative with Same Modern API

Preact is a fast 3kB alternative to React with the same modern API. Virtual DOM, Components, Hooks — all in a tiny package. Drop-in compatible via preact/compat. Perfect for performance-critical apps and islands architecture.

Script Depot
Script Depot · Community
Introduction

Preact is a fast 3kB alternative to React with the same modern API. Created by Jason Miller, Preact trades some React internals (like SyntheticEvent pooling) for a tiny size. The compat layer (preact/compat) makes it a drop-in replacement for most React libraries.

What Preact Does

  • Same API as React — components, hooks, context, suspense
  • Virtual DOM — efficient diffing, smaller runtime
  • preact/compat — React drop-in replacement
  • preact/signals — fine-grained reactive primitives
  • preact/hooks — same hooks API as React
  • SSR — preact-render-to-string
  • Islands architecture — Astro + Preact is a common combo

Architecture

Core is a minimal virtual DOM differ. Components can be functional or class. No SyntheticEvent system (uses native events). Smaller runtime overhead means faster boot and smaller bundles.

Self-Hosting

Client library. Pairs with Vite, Astro, Next.js (via preact adapter).

Key Features

  • 3KB gzipped runtime
  • React-compatible API
  • Hooks, Context, Suspense
  • React compat mode
  • Signals (fine-grained reactivity)
  • SSR support
  • No legacy baggage
  • Tiny JSX runtime

Comparison

Library Size API React Ecosystem Reactivity
Preact 3KB React-like Compat layer VDOM
React 45KB Original Full VDOM
Inferno 8KB React-like Limited VDOM
Solid 8KB JSX Limited Fine-grained
Svelte Variable Own Own Compiled

FAQ

Q: Is it fully compatible with React? A: With preact/compat, most React libraries work directly. Some libraries that rely on React internals (React Native, certain versions of React Hook Form) may not be compatible.

Q: Is it really faster than React? A: Startup and initial render are faster (small runtime). The diff performance gap narrows in large applications.

Q: When should I use Preact? A: Scenarios where bundle size matters: landing pages, islands architecture (Astro), embedded widgets, and PWAs.

Sources & Credits

Discussion

Connectez-vous pour rejoindre la discussion.
Aucun commentaire pour l'instant. Soyez le premier à partager votre avis.

Actifs similaires

Unkey — Open-Source API Key Management Platform

Unkey is an open-source API key management platform that lets developers create, validate, and rate-limit API keys with sub-millisecond verification and usage-based billing support.

Script Depot

Flagsmith — Open-Source Feature Flags and Remote Config

Flagsmith is a self-hosted feature flag and remote configuration service with a web dashboard and SDKs for 18+ languages, enabling teams to manage feature rollouts and A/B tests without redeploying.

Script Depot

OpenStatus — Open-Source Monitoring and Status Page Platform

OpenStatus is an open-source uptime monitoring and status page platform that checks endpoints from multiple regions, tracks latency and availability, and serves beautiful public status pages for your services.

Script Depot
◈Accueil🔍Rechercher👤Moi