Skip to content
markdown guide

Part Vanilla JS, part Preact.

developit / preact

βš›οΈ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.


Fast 3kB alternative to React with the same modern API.

All the power of Virtual DOM components, without the overhead:

  • Familiar React API & patterns: ES6 Class and Functional Components
  • Extensive React compatibility via a simple preact-compat alias
  • Everything you need: JSX, VDOM, React DevTools, HMR, SSR..
  • A highly optimized diff algorithm and seamless Server Side Rendering
  • Transparent asynchronous rendering with a pluggable scheduler
  • πŸ†•πŸ’₯Β Instant no-config app bundling with Preact CLI

πŸ’ More information at the Preact Website ➞


npm CDNJS Preact Slack Community OpenCollective Backers OpenCollective Sponsors travis coveralls gzip size install size

Preact supports modern browsers and IE9+:



Real-World Apps


I'm kinda saddened by the fact that more and more people are leaving the old school approach, Turbolinks is a nice alternative for a smooth UX in my opinion, and Stimulus looks promising as well. I'm not the biggest fan of "javascript rich" front-ends :(


I'm also was not a fan of FE frameworks before I try vue.js.. :)


Why did you guys use Preact instead of React. The main motivation?


If I remember right, Ben once said that performance is the most important part of UX, and Preact delivers that. Also he doesn't like Facebook. Feel free to correct me if I made a mistake here. πŸ™‚

Yes, it's an app where 90% of the traffic is people just coming here to read a server-rendered article. While we have interactions, we mostly just want to get people started on what they came here to do as quickly as possible.

But also I really believe that Preact's creator @_developit cares about the same things I do, so as things evolve in the future I just feel like things are in good hands.

Does that mean it is server side rendering? I'm just practising node.js/express.js with EJS templates so just curious.

Sorry if this was amateur question

No such thing as too amateur, whatever that even means. Yeah, server-side rendering using "old-school" Rails html.erb files. I believe those is are EJS is inspired by, so pretty much the same thing I think.

Ooh Cool, with EJS I seem to work on the standard tech right now


Thanks for the link, I haven't been that active here previously so I probably missed it


I don’t think so, their website is what is considered a Progressive Web App, I think they wrote an article about it some time ago.


I'll take a guess since's backend is Ruby if I'm correct, then they probably use Turbolinks to some extent. But what else do they use?

Classic DEV Post from Jul 26 '19

🎩 JavaScript Enhanced Scss mixins! 🎩 concepts explained

In the next post we are going to explore CSS @apply to supercharge what we talk about here....

Sasa Blagojevic profile image
Sasa is a highly driven full stack software developer with background in finance and accounting. A relentless problem solver who is passionate about finding elegant solutions to problems at hand.