Preact in pictures

  • Part 1 describes Preact, why you might want to use it, and the tradeoffs you have to make by not using full React.
  • Part 2 walks through what Preact is doing internally to render and diff a simple application. To many people, the virtual dom and component model seem like deep mysteries that mere mortals shouldn’t try to understand. As I hopefully demonstrated, this isn’t true. It’s a reasonably simple algorithm with a few fiddly little details. While React is implemented somewhat differently, knowing Preact’s internals is still a good first mental model for approaching it.
“Preact in pictures” talk video

The finished diagram

Diagram of the Preact algorithm




Building the web. Everything should be faster.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Implement refresh token with JWT in React App using Axios

Feathers spring 2019 news and v4 beta test

Import POS Orders From Excel Import POS Orders From CSV in Odoo, Import Point Of Sale Orders Module…

Import POS Orders Odoo, import bulk or multiple pos order, import with multiple POS order, POS in excel or csv file, Odoo POS module

Angular D&D Material

Javascript ES6 Related Fundamental Concepts

Getting Started with Ternary Operators in Javascript

picoCTF write up: vault-door-1

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Adam Solove

Adam Solove

Building the web. Everything should be faster.

More from Medium

Talking about the useState hook

Divide and Conquer your components

How to abstract logic with React Hooks?

React Basic — What goes in componentDidMount?