| 1 | Nov 22, '21 | git blame | 7.9Γ | 0 | 4.1k | 616 | 59 |
| 2 | Feb 14, '23 | With the new Navigation API, you can now show the native spinner + stop button for any asynchronous operation - all you need is a Promise. | 7.3Γ | 332k | 2.7k | 333 | 729 |
| 3 | Feb 3, '23 | lol, $0.30 per API call | 6.7Γ | 307k | 983 | 28 | 24 |
| 4 | Jun 27, '22 | me: why the heck is this CSS not being applied?? my keyboard: I ahve no idae man | 6.7Γ | 0 | 3.6k | 374 | 32 |
| 5 | Apr 15, '21 | Please don't import SVGs as JSX. It's the most expensive form of sprite sheet: costs a minimum of 3x more than other techniques, and hurts both runtime (rendering) performance and | 6.3Γ | 0 | 1.9k | 335 | 792 |
| 6 | Sep 6, '22 | 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 | 6.0Γ | 0 | 2.4k | 402 | 238 |
| 7 | Feb 6, '19 | Should I use SSR? What about Rehydration? Where should we implement logic and rendering in our applications? Answers: | 5.7Γ | 0 | 1.9k | 699 | 275 |
| 8 | Dec 15, '17 | π£ I have an exciting announcement: I'm joining the Chrome team @Google in the new year! Looking forward to pushing the web...forward! π | 5.0Γ | 0 | 2.8k | 174 | 0 |
| 9 | Jan 23, '23 | I regret using Tailwind for this mastodon client. I had kinda assumed it'd make things like dark mode easier, but so far it has just made initially throwing a view together slightl | 4.4Γ | 199k | 622 | 23 | 60 |
| 10 | Dec 20, '18 | HTM 2 is here! π β‘οΈ 20x faster (seriously) π¦ Custom JSX parser π€ under 700 bytes π€« compiles to nothing | 4.3Γ | 0 | 1.8k | 476 | 75 |
| 11 | Nov 20, '18 | π¦ HTM: JSX without the transpiler. 700 bytes to run in the browser, or compile it away using babel-plugin-htm. (works with any VDOM library!) | 4.3Γ | 0 | 1.8k | 478 | 49 |
| 12 | Oct 2, '19 | βοΈ Preact X is here. The @preactjs team spent over a year rewriting Preact, and it's finally ready. | 4.3Γ | 0 | 1.8k | 505 | 37 |
| 13 | May 17, '18 | πββοΈ Cost of updating text in the DOM β¬οΈβ¬οΈβ¬οΈβ¬οΈβ¬οΈβ¬οΈ .innerHTML β¬οΈβ¬οΈβ¬οΈβ¬οΈβ¬οΈβ¬οΈ .textContent β¬οΈβ¬οΈβ¬οΈβ¬οΈβ¬οΈβ¬οΈ .innerText β¬οΈβ¬οΈβ¬οΈβ¬οΈβ¬οΈβ¬οΈ .firstChild.data - Use innerText if you can't assume s | 4.3Γ | 0 | 1.7k | 547 | 80 |
| 14 | Feb 12, '23 | Has anyone used DaisyUI? It looks decent. | 4.1Γ | 186k | 805 | 64 | 344 |
| 15 | Dec 2, '20 | π©βπ Introducing πͺπ π₯: The tiny all-in-one development tool for modern web apps. Everything you need to build a fast Preact site, from dev to prod. π¦ TSX, HMR, CSS Modules, etc | 3.8Γ | 0 | 1.4k | 322 | 194 |
| 16 | Dec 10, '20 | Hey you! Want to see how much faster your site would be with modern JavaScript? β
calculates it for you! | 3.7Γ | 0 | 1.2k | 279 | 299 |
| 17 | May 16, '19 | πΈ Cost of updating text in the DOM: 2019 Edition β¬οΈβ¬οΈβ¬οΈβ¬οΈβ¬οΈβ¬οΈ .innerHTML β¬οΈβ¬οΈββββ .textContent β¬οΈβ¬οΈββββ .innerText β¬οΈβββββ .firstChild.data - Use .textContent if you can't assume | 3.3Γ | 0 | 1.3k | 415 | 108 |
| 18 | Oct 3, '19 | I'm building a compiler that turns crufty JS into lean modern syntax. | 3.1Γ | 0 | 1.6k | 201 | 64 |
| 19 | Oct 12, '17 | If you use a retina mac, this @Code setting will change your life: { "workbench.fontAliasing": "antialiased" } | 3.1Γ | 0 | 1.4k | 343 | 4 |
| 20 | Apr 17, '20 | Please don't open issues on JS repos asking why they aren't written in TypeScript :( | 3.1Γ | 0 | 1.7k | 134 | 18 |
| 21 | May 30, '18 | π£ Introducing.. prerender-loader! π° Painless universal pre-rendering for Webpack. βΉοΈββοΈ Improve first paint, often without a code change! β¨ | 3.0Γ | 0 | 1.2k | 363 | 63 |
| 22 | Jan 10, '18 | π£ Introducing Workerize: Offload modules into Web Workers with a simple prefix! π Statically compiles exports to reflected async functions π β¨ | 2.9Γ | 0 | 1.2k | 368 | 12 |
| 23 | Oct 4, '24 | 𧡠So you think you know Barrel Files | 2.9à | 130k | 730 | 117 | 811 |
| 24 | Jul 31, '20 | It's time to enable modern JavaScript npm libraries. This post by @GaryLChew explains the current state and ways forward. I think the combined solution is compelling. | 2.9Γ | 0 | 1.1k | 261 | 181 |
| 25 | Feb 5, '18 | Today is my first day at Google! Very exciting πππ | 2.8Γ | 0 | 1.8k | 48 | 0 |
| 26 | May 4, '18 | little-known emoji fact | 2.7Γ | 0 | 1.2k | 307 | 5 |
| 27 | Dec 18, '20 | Here's a recipe webpage after sitting for 5 minutes: βοΈ with ads π with ads blocked βοΈ | 2.7Γ | 0 | 1.1k | 264 | 53 |
| 28 | Jan 23, '18 | π£ Announcing... Karmatic! π¦ Easy automatic (headless) browser testing π No config needed, auto-detects webpack settings π€ΉββοΈ Only one dependency to juggle π Powered by Karma, | 2.6Γ | 0 | 1.1k | 343 | 4 |
| 29 | Sep 20, '18 | Woah, @Github is now responsive... | 2.6Γ | 0 | 1.3k | 198 | 9 |
| 30 | Jul 11, '20 | SHIFT + ESC marks all Slack messages as read. have a good weekend | 2.6Γ | 0 | 1.2k | 201 | 36 |
| 31 | Oct 13, '20 | this is a thing you can for some reason do in Keynote | 2.6Γ | 0 | 1.4k | 119 | 42 |
| 32 | Jul 18, '22 | New state model for VDOM dramatically simplifies your code, and is also kinda performance magic. Left: standard component rendering Right: same code with optimization enabled (no c | 2.6Γ | 0 | 1.1k | 160 | 126 |
| 33 | Aug 24, '18 | π¦ Size Plugin for Webpack! π΅οΈββοΈ Keep an eye on those bundle sizes... ποΈββοΈ Shows compressed sizes #οΈβ£ Compares even if file hashes change > npm i -D size-plugin | 2.5Γ | 0 | 1.1k | 258 | 58 |
| 34 | Apr 16, '20 | Redaxios: axios for the browser, 800b and uses fetch | 2.5Γ | 0 | 1.1k | 209 | 89 |
| 35 | Feb 22, '17 | π It's here! A 500 byte fetch() polyfill. Supports headers, json/text/xml/blob bodies, etc. Five. hundo. bytes. π― | 2.5Γ | 0 | 975 | 347 | 1 |
| 36 | Sep 10, '22 | gets me every time | 2.4Γ | 0 | 1.3k | 178 | 30 |
| 37 | Feb 11, '20 | There's an official Github CLI? | 2.4Γ | 0 | 1.2k | 205 | 38 |
| 38 | Jun 7, '22 | random CSS-only menu I made last night | 2.4Γ | 0 | 917 | 95 | 273 |
| 39 | Nov 12, '19 | Houssein just announced something I've been working on for a little while: @babel/preset-modules! A Babel preset that enables native async/await, Tagged Templates, arrow functions, | 2.3Γ | 0 | 898 | 264 | 66 |
| 40 | Jul 23, '20 | Redaxios is an ~800b Axios stand-in built on Fetch. 0.3 just added support for the baseURL, responseType, params, paramsSerializer and withCredentials options, plus fetch mocking a | 2.2Γ | 0 | 936 | 191 | 75 |
| 41 | Sep 2, '22 | docs are hard, often harder than code | 2.2Γ | 0 | 1.1k | 108 | 27 |
| 42 | Jan 17, '22 | Last week, Preact hit 1 million weekly downloads. The little library I built in 2015 as a learning exercise is now found on ~4% of websites, including some of the most visited webs | 2.1Γ | 0 | 1.2k | 58 | 33 |
| 43 | May 28, '20 | Lighthouse CI is ridiculously awesome | 2.1Γ | 0 | 954 | 148 | 82 |
| 44 | Apr 7, '22 | Tomorrow is my last day at Google. π It's been an amazing experience, marked by a wonderful group of friends who I'll miss (virtually) hanging out with. The next chapter in this a | 2.0Γ | 0 | 1.2k | 16 | 20 |
| 45 | Aug 19, '17 | I spent a few weeks building a Preact compiler. IN: Polymer, Vue & Preact single-file components OUT: highly optimized Preact components | 2.0Γ | 0 | 863 | 224 | 8 |
| 46 | Dec 10, '20 | the code we write π½πΊ the code we ship | 2.0Γ | 0 | 799 | 178 | 88 |
| 47 | Apr 17, '20 | Introducing web-worker: Native universal Web Workers 1οΈβ£ one import for web + Node π§° the same Web Worker API everywhere π uses worker_threads and native ESM πΈ zero-cost in the b | 2.0Γ | 0 | 811 | 184 | 85 |
| 48 | Mar 26, '21 | GitHub now shows a Table of Contents for readmes | 1.9Γ | 0 | 986 | 141 | 19 |
| 49 | Mar 16, '20 | woah GitHub bought npm.. | 1.9Γ | 0 | 674 | 259 | 9 |
| 50 | Nov 25, '19 | I finally got around to testing out VSCode Online today. Here it is running as a Desktop PWA. To me, this is basically indistinguishable from local VSCode, except the Mac's fans ar | 1.9Γ | 0 | 970 | 123 | 39 |
| 51 | Jan 22, '20 | HTM's preact integration now includes hooks. 4.6kb for VDOM + JSX + hooks with no build step is good value-for-money, IMO. | 1.9Γ | 0 | 905 | 123 | 62 |
| 52 | Dec 20, '17 | Both Edge and Safari have Service Workers on by default in their respective next versions. Today is pretty great. | 1.9Γ | 0 | 760 | 266 | 0 |
| 53 | Mar 4, '18 | #hottip: Make your layout fast & static by default. Turn on content-based sizing on a per-element basis. | 1.8Γ | 0 | 829 | 162 | 45 |
| 54 | Feb 11, '19 | πConstructable Stylesheets are here!π·ββοΈ TL;DR: Seamless reusable styles for components and elements. Shadow DOM. π load stylesheets asynchronously π apply them to shadow roots | 1.8Γ | 0 | 658 | 216 | 49 |
| 55 | Jun 6, '21 | Quick Tip: reusable Array search predicates via `this`: | 1.7Γ | 0 | 730 | 75 | 152 |
| 56 | Jan 7, '21 | All JS bundlers + runtimes now support Package Exports. As you add the "exports" field to your npm module, please remember: modules referenced via "exports" can include modern synt | 1.7Γ | 0 | 685 | 138 | 110 |
| 57 | Sep 29, '20 | π¦ SSR for web components! π¦ Declarative Shadow DOM is a proposed web platform feature that brings Shadow DOM to HTML. Try it in Chrome (experimental flag) or via a polyfill: π | 1.7Γ | 0 | 618 | 203 | 62 |
| 58 | Feb 28, '20 | π§ Hey! Wondering what Rome is? I tried it out. Here's what you need to know: | 1.7Γ | 0 | 684 | 180 | 59 |
| 59 | Nov 19, '18 | β οΈ You probably don't want .innerText Why? It triggers layout! π¦ This happens because the string contains newlines corresponding to blocks, and hidden content is omitted. πββοΈ So | 1.7Γ | 0 | 711 | 174 | 40 |
| 60 | May 19, '17 | The web is getting async image decoding! #IO17 | 1.7Γ | 0 | 616 | 237 | 0 |
| 61 | Sep 3, '21 | I'm officially on the "location-based pay is bad" train now | 1.6Γ | 0 | 935 | 34 | 32 |
| 62 | Feb 25, '20 | My reverse transpiler can now undo destructuring. Here it is reducing bundle size by 36%: | 1.6Γ | 0 | 831 | 70 | 46 |
| 63 | May 7, '18 | π£ Introducing Histore! [π£ hisΒ·toΒ·ry] A 200b key-value store, persisted to navigation state. Supports complex objects, too! π° | 1.6Γ | 0 | 691 | 167 | 29 |
| 64 | Jan 26, '18 | π¦ Greenlet: Move an async function into its own thread. (A simplified single-function version of workerize) | 1.6Γ | 0 | 658 | 195 | 1 |
| 65 | Jul 19, '18 | Want to import JS Modules from npm on @CodePen? Check out this handy tip: | 1.6Γ | 0 | 631 | 181 | 29 |
| 66 | Sep 18, '18 | π£ Introducing worker-plugin for Webpack! π³ Automatically compile and bundle Workers. π§ββοΈ No special syntax, no config. π worker = new Worker('./foo', { type: 'module' }) | 1.5Γ | 0 | 659 | 173 | 28 |
| 67 | Dec 6, '17 | π£ I'm excited to announce a new lib: unistore. A 700-byte centralized state implementation for Preact. Featuring: π built-in data selectors π pure component-bound actions β± simp | 1.5Γ | 0 | 681 | 164 | 1 |
| 68 | Dec 12, '17 | Just released Microbundle: zero-configuration bundling for tiny modules. | 1.5Γ | 0 | 593 | 185 | 2 |
| 69 | May 5, '19 | I keep writing this useMount() hook. It's easier to scan for in code than useEffect. Basically my brain can't remember this: useEffect(fn) // run after each render useEffect(fn, [] | 1.5Γ | 0 | 666 | 102 | 64 |
| 70 | Aug 30, '20 | Wife mentioned the Ikea website seemed faster, so I checked and it looks like they are using Preact now π₯³ | 1.5Γ | 0 | 848 | 41 | 24 |
| 71 | Aug 10, '22 | 20Γ faster rendering is good, right? | 1.5Γ | 0 | 743 | 49 | 70 |
| 72 | Jul 6, '21 | I have been working on an experimental ground-up rewrite of Preact's renderer. It now renders TodoMVC faster than hand-written vanilla JS. It's somewhere between 1.5x and 3x faster | 1.4Γ | 0 | 722 | 65 | 49 |
| 73 | Dec 2, '16 | π Preact 7 is officially out of beta! π π 10x faster initial render π₯ 2x faster unmount π Key bugs squashed | 1.4Γ | 0 | 541 | 206 | 0 |
| 74 | May 21, '20 | What if you could have a full dev setup + server in a single 150kb JS module? What if that setup included ~instant Hot Module Replacement, JSX support, sourcemaps & friendly er | 1.4Γ | 0 | 632 | 82 | 69 |
| 75 | Mar 9, '21 | HOT NEW SPA ROUTER FOR 2021 | 1.4Γ | 0 | 666 | 44 | 94 |
| 76 | Jul 9, '19 | Wouter looks neat. 1kB, similar API to react-router but with hooks, works with both react and preact. | 1.4Γ | 0 | 613 | 120 | 42 |
| 77 | Feb 18, '20 | Library authors: if you care about its size, take 30 seconds and install this Github action to run on PRs: | 1.4Γ | 0 | 561 | 107 | 78 |
| 78 | Feb 25, '19 | HTM 2.1 is out: π§ββοΈ@jviide rewrote it, twice. it's faster. it's smaller. it doesn't violate CSP. π£there's a new htm/mini version: <400 bytes πyou can now compile JSX to HTM. | 1.4Γ | 0 | 554 | 144 | 34 |
| 79 | Feb 27, '20 | Today I failed to build a tweet-sized Virtual DOM library. *But* I did create this 480-byte one: | 1.3Γ | 0 | 591 | 89 | 64 |
| 80 | Jul 10, '18 | Does anyone else feel intense guilt if they attempt to relax? | 1.3Γ | 0 | 617 | 82 | 3 |
| 81 | Sep 10, '20 | I feel so bad for anyone who bought a 2016-2019 MBP. Least reliable computer I've ever used. | 1.3Γ | 0 | 610 | 30 | 13 |
| 82 | Dec 10, '20 | π£ It's now possible to publish modern JavaScript to npm and use it in projects without breaking older browsers. See how: | 1.3Γ | 0 | 502 | 106 | 75 |
| 83 | Jun 27, '21 | I just encountered a 27mb JS bundle | 1.3Γ | 0 | 679 | 17 | 12 |
| 84 | Sep 6, '22 | Just so it doesn't get buried: we built Signals for Preact, but it works in React too - even the fancy granular text updates! Just import the @preact/signals-react package. | 1.2Γ | 0 | 527 | 58 | 54 |
| 85 | Mar 9, '21 | How to drop IE11 support while keeping your site accessible (including from IE): 1. Build your site to work properly without JavaScript. 2. Load JS via <script type=module>, | 1.2Γ | 0 | 486 | 101 | 55 |
| 86 | Sep 6, '22 | who told you class components were dead? | 1.2Γ | 0 | 585 | 34 | 45 |
| 87 | Jan 16, '20 | My reverse compiler project now recognizes and removes unnecessary polyfills. (and ponyfills!) (not shown: cascades and can even remove the wrapper function) | 1.2Γ | 0 | 605 | 57 | 34 |
| 88 | Dec 22, '20 | npm now shows packages that have TS definitions | 1.2Γ | 0 | 641 | 73 | 3 |
| 89 | Mar 15, '19 | I've been asked for a copy of my degree 4 times this week. I don't have one. Awkward. | 1.2Γ | 0 | 644 | 36 | 11 |
| 90 | May 25, '21 | 95% of the frontend code we write would be best expressed in a minimal template language. | 1.1Γ | 0 | 564 | 26 | 28 |
| 91 | Sep 11, '18 | Nooo one ships like Gaston JavaScripts like Gaston Pushes bugs to production then splits like Gaston | 1.1Γ | 0 | 538 | 101 | 2 |
| 92 | Mar 13, '20 | If you use CSS Modules, trust me: you want this: | 1.1Γ | 0 | 487 | 72 | 64 |
| 93 | May 18, '18 | Introducing... CSS Paint Polyfill! π§ββοΈ Use Paint Worklets in most browsers π + excellent performance in a bunch of browsers. | 1.1Γ | 0 | 463 | 113 | 23 |
| 94 | Sep 6, '17 | stateMachineComponent(reducer, view) π¬ tiny π pure functions π« kinda reduxey π₯ no binding! onClick={action(type)} | 1.1Γ | 0 | 470 | 117 | 0 |
| 95 | Mar 29, '21 | The M1 Air should come with a keyboard heater. My hands are cold because the machine never gets warm | 1.0Γ | 0 | 610 | 13 | 4 |
| 96 | May 9, '18 | π₯ The Google I/O site is built with Preact! βοΈ | 1.0Γ | 0 | 529 | 67 | 1 |
| 97 | Sep 17, '22 | the amount of time I have to spend screwing up my already-working code to make TypeScript happy | 1.0Γ | 0 | 541 | 23 | 12 |
| 98 | Jan 27, '20 | Looks like Frontend Engineer is the #1 ranked job in the US for satisfaction. | 1.0Γ | 0 | 524 | 46 | 5 |
| 99 | May 15, '20 | TIL: the Deno website is built with Preact () | 0.9Γ | 0 | 505 | 41 | 12 |
| 100 | Jan 29, '20 | tfw you find out someone already built a great version of the side project you'd been slowly hacking on | 0.8Γ | 0 | 470 | 18 | 5 |
@karpathy
@levelsio
@paulg
@naval
@marclou
@illyism