@preactjs

⚛️ Fast 3kb alternative to React with the same modern API. 🗣 Join our slack: https://xitter.cf/t.co/A8MRYQ3quk @preact@hachyderm.io

preactjs.com
Joined June 2016
  • Tweets1.5K
  • Following296
  • Followers18.3K
39Media
Preact retweeted
jovi 🐨
@JoviDeCSep 30
Preact 11 is out 🎉 We’ve been hard at work at making our diffing use modern features like moveBefore , leveraging ESM for tree-shaking Preact Compat and ensuring you have a great experience with resumed hydration.
12
40
4
212
20,511
To celebrate the release of Preact 11, we’re hosting a design competition for the Preact website! We think it’s about time for a fresh look + marketing and would love to involve the community in the process. preactjs.com/blog/website-re…

Preact Website Design Competition – Preact

To celebrate the release of Preact 11, we're hosting a design competition for the Preact website!

preactjs.com
2
9
1
27
1,652
Now that @preactjs is so back, here's a blog post I wrote about its internals and how massively efficient it is
2
6
80
5,562
I am working in something *very* wild for Preact, which I believe will be a complete game changer. Actually I'm on vacation BUT when I get back I will continue working on this *very* wild thing. 6 year old idea but the last 2 years of Preact features make it infinitely better.
24
15
7
417
90,653
Preact retweeted
MJ
@mjackson26 Mar 2025
Replying to @jexia_
I just rebuilt unpkg.com with Preact. It was bliss. I’m loading it via import maps from the browser because Preact actually ships ESM! Unlike React that doesn’t even ship a file you can use in a browser. 🙈

UNPKG

The CDN for everything on npm

unpkg.com
7
3
1
108
19,929
Seeing Preact evolve from the 300k weekly downloads in May 2020 to the 6M we have today has been quite a journey. Thank you to everyone supporting us!
A line chart on npmtrends.com, the lookup is the Preact npm package. It shows a blue line over 5 years which starts at 300.000 weekly downloads and ends in today, 6.000.000 weekly downloads!

ALT A line chart on npmtrends.com, the lookup is the Preact npm package. It shows a blue line over 5 years which starts at 300.000 weekly downloads and ends in today, 6.000.000 weekly downloads!

3
4
30
2,543
Holy shit, Preact
2
2
12
2,598
Replying to @mjackson @branmcconnell @abarreraaponte
Since the launch of signals, I think you'll find a lot more Preact users are authoring class components again (I certainly am). Ergonomics are pretty darn good: xitter.cf/_developit/status/1567… Not that you have to support them, but they're far from dead.
Jason Miller 🦊⚛@_developit6 Sep 2022
who told you class components were dead?
2
3
34
5,016
Preact Signals just got a huge perf boost: Signals rendered as text/props & effects only "pull" as fast as needed for rendering. Since computeds run as-needed, they now only re-run as often as their downstream DOM output can be painted. H/t to @JoviDeC for making this happen.
5
38
1
372
35,778
New @preactjs blog post from @barelyreaper! Demystifying how island architecture works and being able to setup your own, using tools you already have around you. preactjs.com/blog/simplifyin…

Simplifying Islands Architecture – Preact

preactjs.com
1
8
34
2,647
Replying to @slightlycode @ImSh4yy
Yeah, all of checkout is Preact.
1
1
17
4,968
🚦 Now that we shipping Preact signals integration for Lit with the @ lit-labs/preact-signals package, would anyone be interested in an Angular Signals integration? See a demo on the lit.dev playground: lit.dev/playground/#gist=330…
4
12
1
73
15,910
For the curious: Here is how you'd do <input bind:value={signal}> in Preact. Thanks to @preactjs 's options plugin API this is pretty easy to add on the fly. gist.github.com/marvinhageme…
SaltyAom
@saltyAom6 Aug 2023
Vue <input v-model=“name” /> Svelte <input bind:value={name} Why can’t we have that in React?
3
3
2
54
11,820
Got custom renderers working in @preactjs by implementing react-reconciler via option hooks. Here's react-three-fiber running in Preact, demo here: codesandbox.io/p/github/Cody…. I've released this under 0.x as the very creatively named preact-reconciler: npmjs.com/preact-reconciler.
9
20
5
160
56,081
Next version of @preactjs DevTools will display which exact hook caused a component to update. Previously it would just display "Hooks changed" and not say which of them did.
4
7
2
110
18,407
Getting React Spring to work with @preactjs was effortless! Now I can build more of those little and lovely details, making UI and UX more fun.
2
3
26
7,336
Replying to @preactjs
@preactjs 10.11.1 is out now 🎉 - 📶 Updates DOM+SVG types for signals - ♻️ Only remove nested DOM nodes when necessary - 📦 Update preact/compat export map - 📨 Fix unable to set data-* attributes to "false" - 🧽 Usual round of bug fixes... github.com/preactjs/preact/r…

Release 10.11.1 · preactjs/preact

Bug Fixes Fix webpack error when trying to import compat/package.json (#3755, thanks @akselander) Fix nested fragments swapped incorrectly on conditional swap (#3738, thanks @JoviDeCroock) Avoid s...

github.com
1
9
73
So @jviide, who is a wizard, rewrote Signals' reactivity implementation and it's now absurdly fast, and effectively memory-stable.
This Post is from an account that no longer exists. Learn more
4
7
1
111
Today we are releasing Preact 10.11.0 and among various fixes and maintenance we have a new hook "useId"! You can now generate unique consistent identifiers! Demo: codesandbox.io/s/affectionat… Little writeup because I really loved working on this jovidecroock.com/blog/preact…

affectionate-estrela-k1524v - CodeSandbox

affectionate-estrela-k1524v by JoviDeCroock using parcel-bundler, preact, preact-render-to-string

codesandbox.io
5
10
3
77
🌟 @_developit already said this but keep in mind that preact/signals-react works for @reactnative as well 🔥 🚀 👉 Here's a video highlighting how it works in @reactnative seamlessly. Super awesome job!
Jason Miller 🦊⚛@_developit6 Sep 2022
Introducing Preact Signals: a reactive state primitive that is fast by default. ✅ feels like using plain values 🥳 automatic updates when values change ⏱ updates DOM directly (fast!) 🥹 no dependencies arrays preactjs.com/blog/introducin…
7
1
37
Load more