Meta tags:
description=Fast 3kB alternative to React with the same modern API;

Headings (most frequently used words):

in, to, running, example, different, kind, of, library, see, it, action, ready, dive, closer, the, dom, small, size, big, performance, portable, embeddable, instantly, productive, ecosystem, compatible, todo, list, fetch, github, repos,

Text of the page (most frequently used words):
preact (25), the (17), and (10), div (10), you (9), result (9), text (8), with (7), your (7), dom (7), todos (7), render (6), preactjs (6), todo (6), value (6), button (6), react (5), that (5), for (5), components (5), virtual (5), repos (5), add (5), this (5), get (4), state (4), list (4), class (4), return (4), can (4), modern (3), fast (3), same (3), api (3), githubrepos (3), org (3), github (3), from (3), repl (3), stargazers_count (3), function (3), const (3), todolist (3), javascript (3), means (3), use (3), build (3), app (3), without (3), performance (3), browser (3), size (3), libraries (3), setvalue (3), support (3), like (2), 简体中文 (2), turkish (2), русский (2), brazilian (2), portuguese (2), korean (2), japanese (2), italian (2), french (2), spanish (2), german (2), english (2), switch (2), started (2), have (2), experience (2), guide (2), html (2), framework (2), tiny (2), one (2), 3kb (2), alternative (2), repositories (2), document (2), body (2), import (2), running (2), example (2), run (2), items (2), setitems (2), res (2), compare (2), strong (2), repo (2), map (2), then (2), fetch (2), usestate (2), default (2), export (2), form (2), label (2), settext (2), span (2), action (2), addtodo (2), setstate (2), component (2), simple (2), provides (2), even (2), most (2), complex (2), used (2), application (2), ecosystem (2), are (2), more (2), when (2), there (2), productive (2), features (2), possible (2), out (2), code (2), enough (2), different (2), small (2), onclick (2), counter (2), built, bunch, pimdewit, lovely, people, language, lang, got, separate, guides, based, whether, pick, works, best, ready, dive, universal, rendering, jsx, ️716, string, manage, style, every, 420, signals, next, pwa, starts, seconds, 679, cli, all, development, tool, web, apps, 928, wmr, ️38, 566, full_name, description, tolocalestring, noopener, noreferrer, rel, _blank, target, html_url, href, item, header, slice, sort, json, https, com, orgs, useeffect, currenttarget, submit, type, oninput, input, onsubmit, concat, let, extends, see, adding, alias, bundler, compatibility, layer, enables, compat, make, easy, share, reusable, things, everything, buttons, data, providers, design, seamlessly, thousands, available, compatible, standard, attributes, passed, context, props, lightweight, lot, fun, don, sacrifice, productivity, gets, right, away, has, few, bonus, instantly, parts, integration, embed, into, widget, apply, tools, techniques, would, full, footprint, take, powerful, paradigm, new, places, couldn, otherwise, portable, embeddable, automatically, batch, updates, tune, extreme, comes, work, closely, engineers, maximum, not, just, because, its, fastest, thanks, predictable, diff, implementation, big, less, download, parse, execute, leaving, time, define, fighting, keep, under, control, frameworks, large, majority, largest, part, directly, any, transpilation, steps, thinnest, abstraction, top, builds, stable, platform, registers, real, event, handlers, plays, nicely, other, closer, kind, library, proudly, sponsored, decrement, increment, help, v11, beta, search, blog, project, goals, demos, examples, ons, companies, using, about, tutorial, stand, ukraine, show,

Text of the page (random words):
preact we stand with ukraine show your support preact tutorial guide about companies using preact libraries add ons demos examples project goals browser support blog repl search v11 0 0 beta 1 english german spanish french italian japanese korean brazilian portuguese русский turkish 简体中文 help support us fast 3kb alternative to react with the same modern api get started switch to preact function counter const value setvalue usestate 0 return div counter value div button onclick setvalue value 1 increment button button onclick setvalue value 1 decrement button proudly sponsored by a different kind of library closer to the dom preact provides the thinnest possible virtual dom abstraction on top of the dom it builds on stable platform features registers real event handlers and plays nicely with other libraries preact can be used directly in the browser without any transpilation steps small size most ui frameworks are large enough to be the majority of an app s javascript size preact is different it s small enough that your code is the largest part of your application that means less javascript to download parse and execute leaving more time for your code so you can build an experience you define without fighting to keep a framework under control big performance preact is fast and not just because of its size it s one of the fastest virtual dom libraries out there thanks to a simple and predictable diff implementation we automatically batch updates and tune preact to the extreme when it comes to performance we work closely with browser engineers to get the maximum performance possible out of preact portable embeddable preact s tiny footprint means you can take the powerful virtual dom component paradigm to new places it couldn t otherwise go use preact to build parts of an app without complex integration embed preact into a widget and apply the same tools and techniques that you would to build a full app instantly productive lightweight is a lot more fun when you don t have to sacrifice productivity to get there preact gets you productive right away it even has a few bonus features props state and context are passed to render use standard html attributes like class and for ecosystem compatible virtual dom components make it easy to share reusable things everything from buttons to data providers preact s design means you can seamlessly use thousands of components available in the react ecosystem adding a simple preact compat alias to your bundler provides a compatibility layer that enables even the most complex react components to be used in your application see it in action todo list export default class todolist extends component state todos text settext e this setstate text e currenttarget value addtodo let todos text this state todos todos concat text this setstate todos text render todos text return form onsubmit this addtodo action javascript label span add todo span input value text oninput this settext label button type submit add button ul todos map todo li todo text li ul form run in repl running example import todolist from todo list render todolist document body add todo add fetch github repos const compare a b a stargazers_count b stargazers_count 1 1 export default function githubrepos org const items setitems usestate useeffect fetch https api github com orgs org repos then res res json then repos setitems repos sort compare slice 0 5 return div h1 class repo list header preact repositories h1 div items map result result result div div function result result return div class repo list item div a href result html_url target _blank rel noopener noreferrer result full_name a strong ️ result stargazers_count tolocalestring strong div p result description p div run in repl running example import githubrepos from github repos render githubrepos org preactjs document body preact repositories preactjs preact ️38 566 ️ fast 3kb react alternative with the same modern api components virtual dom preactjs wmr ️4 928 the tiny all in one development tool for modern web apps preactjs preact cli ️4 679 your next preact pwa starts in 30 seconds preactjs signals ️4 420 manage state with style in every framework preactjs preact render to string ️716 universal rendering for preact render jsx and preact components to html ready to dive in we ve got separate guides based on whether you have experience with react pick the guide that works best for you get started switch to preact language english german spanish french italian japanese korean brazilian portuguese русский turkish 简体中文 lang en built by a bunch of lovely people like pimdewit