Jason Miller 🦊⚛ @_developit Twitter profile

Pinned Tweet

Jason Miller 🦊⚛

2 years

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

127

446

3K

Last Seen Profiles

@StrattonsWorld

@VaultAIHub

@TheEsportHub

@vorindi

@CorbHollin

@aa_ban

@MarkBothers

@roblabonne

@kcaluria

@RideOrDieDogFan

@carlybarbon

@aidounaiwu

@8kz88

@shdnism

@AnhSketch

@seereeniityyy7

@PowerlinkB

@CascadeCash

@MAC_avery

@boymukedata

@terfalicious

@HispalisCofrade

@GrademakerUK

@BrokeMillennial

@KinnPorsche_JP

@kewanlacy22

@Lord_Textholic

@sahirzulkifli

@LessMartsMD

@WilsonPostNews

@domoniqueemonet

@DavidAYounger

@glogerm

@Moe_bashal

@AbyMalone

@DRMCF13

Jason Miller 🦊⚛

@_developit

2 years

git blame

30

678

4K

Jason Miller 🦊⚛

@_developit

2 years

me: why the heck is this CSS not being applied?? my keyboard: I ahve no idae man

113

419

4K

Jason Miller 🦊⚛

@_developit

6 years

📣 I have an exciting announcement: I'm joining the Chrome team @Google in the new year! Looking forward to pushing the web...forward! 😊

226

182

3K

Jason Miller 🦊⚛

@_developit

1 year

With the new Navigation API, you can now show the native spinner + stop button for any asynchronous operation - all you need is a Promise.

24

355

3K

Jason Miller 🦊⚛

@_developit

5 years

Should I use SSR? What about Rehydration? Where should we implement logic and rendering in our applications? Answers:

38

753

2K

Jason Miller 🦊⚛

@_developit

3 years

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 memory usage. This bundle from a popular site is almost 50% SVG icons (250kb), and most are unused.

88

371

2K

Jason Miller 🦊⚛

@_developit

5 years

HTM 2 is here! 🎉 ⚡️ 20x faster (seriously) 🦄 Custom JSX parser 🤠 under 700 bytes 🤫 compiles to nothing

38

511

2K

Jason Miller 🦊⚛

@_developit

5 years

🦖 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!)

69

516

2K

Jason Miller 🦊⚛

@_developit

4 years

Please don't open issues on JS repos asking why they aren't written in TypeScript :(

67

155

2K

Jason Miller 🦊⚛

@_developit

5 years

⚛️ Preact X is here. The @preactjs team spent over a year rewriting Preact, and it's finally ready.

52

551

2K

Jason Miller 🦊⚛

@_developit

6 years

Today is my first day at Google! Very exciting 😀😀😀

82

50

2K

Jason Miller 🦊⚛

@_developit

6 years

💁‍♀️ Cost of updating text in the DOM ⬛️⬛️⬛️⬛️⬛️⬛️ .innerHTML ⬛️⬛️⬛️⬜️⬜️⬜️ .textContent ⬛️⬛️⬜️⬜️⬜️⬜️ .innerText ⬛️⬜️⬜️⬜️⬜️⬜️ .firstChild.data - Use innerText if you can't assume structure - Use Text #data to update existing text

30

587

2K

Jason Miller 🦊⚛

@_developit

5 years

I'm building a compiler that turns crufty JS into lean modern syntax.

46

221

2K

Jason Miller 🦊⚛

@_developit

3 years

👩‍🚀 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 🦦 use npm modules without installing 📦 one 2mb file, no dependencies →

38

345

2K

Jason Miller 🦊⚛

@_developit

7 years

If you use a retina mac, this @Code setting will change your life: { "workbench.fontAliasing": "antialiased" }

51

373

1K

Jason Miller 🦊⚛

@_developit

4 years

this is a thing you can for some reason do in Keynote

36

130

1K

Jason Miller 🦊⚛

@_developit

6 years

Woah, @Github is now responsive...

30

218

1K

Jason Miller 🦊⚛

@_developit

2 years

gets me every time

11

192

1K

Jason Miller 🦊⚛

@_developit

6 years

little-known emoji fact

28

343

1K

Jason Miller 🦊⚛

@_developit

5 years

💸 Cost of updating text in the DOM: 2019 Edition ⬛️⬛️⬛️⬛️⬛️⬛️ .innerHTML ⬛️⬛️➖➖➖➖ .textContent ⬛️⬛️➖➖➖➖ .innerText ⬛️➖➖➖➖➖ .firstChild.data - Use .textContent if you can't assume structure - Use Text #data to update existing text

12

452

1K

Jason Miller 🦊⚛

@_developit

4 years

SHIFT + ESC marks all Slack messages as read. have a good weekend

22

218

1K

Jason Miller 🦊⚛

@_developit

3 years

Hey you! Want to see how much faster your site would be with modern JavaScript? ✅ calculates it for you!

59

312

1K

Jason Miller 🦊⚛

@_developit

6 years

📣 Introducing.. prerender-loader! 📰 Painless universal pre-rendering for Webpack. ⛹️‍♀️ Improve first paint, often without a code change! ✨

18

389

1K

Jason Miller 🦊⚛

@_developit

2 years

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 websites globally. I'm lucky to work with this awesome team, and excited for what's shipping in 2022.

43

64

1K

Jason Miller 🦊⚛

@_developit

6 years

📣 Introducing Workerize: Offload modules into Web Workers with a simple prefix! 😍 Statically compiles exports to reflected async functions 😃 ✨

37

416

1K

Jason Miller 🦊⚛

@_developit

2 years

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 adventure will take place at Shopify, starting in May.

114

19

1K

Jason Miller 🦊⚛

@_developit

4 years

There's an official Github CLI?

25

217

1K

Jason Miller 🦊⚛

@_developit

2 years

docs are hard, often harder than code

54

121

1K

Jason Miller 🦊⚛

@_developit

3 years

Here's a recipe webpage after sitting for 5 minutes: ↙︎ with ads 🆚 with ads blocked ↘︎

38

324

1K

Jason Miller 🦊⚛

@_developit

4 years

Redaxios: axios for the browser, 800b and uses fetch

26

224

1K

Jason Miller 🦊⚛

@_developit

6 years

📦 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

12

273

1K

Jason Miller 🦊⚛

@_developit

2 years

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 compile, just a library and stock @preactjs )

33

170

1K

Jason Miller 🦊⚛

@_developit

4 years

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.

26

313

1K

Jason Miller 🦊⚛

@_developit

6 years

📣 Announcing... Karmatic! 🦑 Easy automatic (headless) browser testing 🛠 No config needed, auto-detects webpack settings 🤹‍♀️ Only one dependency to juggle 🏎 Powered by Karma, Webpack, Jasmine & Puppeteer

36

372

1K

Jason Miller 🦊⚛

@_developit

1 year

lol, $0.30 per API call

42

36

1K

Jason Miller 🦊⚛

@_developit

3 years

GitHub now shows a Table of Contents for readmes

7

162

1K

Jason Miller 🦊⚛

@_developit

4 years

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 aren't spinning.

22

139

1K

Jason Miller 🦊⚛

@_developit

7 years

🎉 It's here! A 500 byte fetch() polyfill. Supports headers, json/text/xml/blob bodies, etc. Five. hundo. bytes. 🌯

25

379

1K

Jason Miller 🦊⚛

@_developit

3 years

I'm officially on the "location-based pay is bad" train now

39

41

1K

Jason Miller 🦊⚛

@_developit

4 years

Lighthouse CI is ridiculously awesome

8

161

1K

Jason Miller 🦊⚛

@_developit

2 years

random CSS-only menu I made last night

26

102

1K

Jason Miller 🦊⚛

@_developit

4 years

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 and FormData support.

25

206

998

Jason Miller 🦊⚛

@_developit

4 years

HTM's preact integration now includes hooks. 4.6kb for VDOM + JSX + hooks with no build step is good value-for-money, IMO.

24

129

967

Jason Miller 🦊⚛

@_developit

4 years

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, destructured and rest parameters, and more - in 88% of browsers.

15

284

953

Jason Miller 🦊⚛

@_developit

7 years

I spent a few weeks building a Preact compiler. IN: Polymer, Vue & Preact single-file components OUT: highly optimized Preact components

28

243

935

Jason Miller 🦊⚛

@_developit

4 years

Wife mentioned the Ikea website seemed faster, so I checked and it looks like they are using Preact now 🥳

22

44

925

Jason Miller 🦊⚛

@_developit

6 years

#hottip : Make your layout fast & static by default. Turn on content-based sizing on a per-element basis.

19

177

895

Jason Miller 🦊⚛

@_developit

4 years

My reverse transpiler can now undo destructuring. Here it is reducing bundle size by 36%:

24

73

886

Jason Miller 🦊⚛

@_developit

4 years

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 browser 📦 works in npm modules

14

197

885

Jason Miller 🦊⚛

@_developit

1 year

Has anyone used DaisyUI? It looks decent.

daisyUI — Tailwind CSS Components ( version 4 update is here )

Best Tailwind Components Library - Free UI components for Tailwind CSS

daisyui.com

89

71

872

Jason Miller 🦊⚛

@_developit

3 years

the code we write 𝑽𝑺 the code we ship

18

205

866

Jason Miller 🦊⚛

@_developit

6 years

Both Edge and Safari have Service Workers on by default in their respective next versions. Today is pretty great.

9

291

816

Jason Miller 🦊⚛

@_developit

3 years

Quick Tip: reusable Array search predicates via `this`:

23

83

794

Jason Miller 🦊⚛

@_developit

2 years

20× faster rendering is good, right?

23

52

780

Jason Miller 🦊⚛

@_developit

5 years

⚠️ 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. 💁‍♀️ Solution: use .textContent instead.

13

189

764

Jason Miller 🦊⚛

@_developit

3 years

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 than Preact 10 (depending on VM optimization state).

27

74

775

Jason Miller 🦊⚛

@_developit

6 years

📣 Introducing Histore! [🗣 his·to·ry] A 200b key-value store, persisted to navigation state. Supports complex objects, too! 🍰

16

181

738

Jason Miller 🦊⚛

@_developit

6 years

📣 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 ⏱ simple, painless async

21

177

739

Jason Miller 🦊⚛

@_developit

3 years

I just encountered a 27mb JS bundle

87

22

744

Jason Miller 🦊⚛

@_developit

4 years

🧐 Hey! Wondering what Rome is? I tried it out. Here's what you need to know:

20

192

734

Jason Miller 🦊⚛

@_developit

4 years

woah GitHub bought npm..

npm is joining GitHub

We're excited to announce that npm will be joining GitHub.

github.blog

11

278

723

Jason Miller 🦊⚛

@_developit

3 years

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 syntax. Adding exports is a semver-major change. It's a great opportunity to publish modern code too.

16

153

729

Jason Miller 🦊⚛

@_developit

5 years

I've been asked for a copy of my degree 4 times this week. I don't have one. Awkward.

46

41

713

Jason Miller 🦊⚛

@_developit

3 years

HOT NEW SPA ROUTER FOR 2021

25

48

722

Jason Miller 🦊⚛

@_developit

5 years

🏗Constructable Stylesheets are here!👷‍♀️ TL;DR: Seamless reusable styles for components and elements. Shadow DOM. 👍 load stylesheets asynchronously 🎁 apply them to shadow roots or globally 🦄 no FOUC for loaded sheets

17

239

721

Jason Miller 🦊⚛

@_developit

5 years

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, []) // runs after mount

22

114

718

Jason Miller 🦊⚛

@_developit

6 years

📣 Introducing worker-plugin for Webpack! 🐳 Automatically compile and bundle Workers. 🧙‍♂️ No special syntax, no config. 👀 worker = new Worker('./foo', { type: 'module' })

9

196

709

Jason Miller 🦊⚛

@_developit

6 years

🦎 Greenlet: Move an async function into its own thread. (A simplified single-function version of workerize)

23

206

697

Jason Miller 🦊⚛

@_developit

1 year

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 slightly quicker at the expense of making everything else much more arduous/brittle.

53

27

700

Jason Miller 🦊⚛

@_developit

3 years

npm now shows packages that have TS definitions

6

83

692

Jason Miller 🦊⚛

@_developit

6 years

Want to import JS Modules from npm on @CodePen ? Check out this handy tip:

14

198

676

Jason Miller 🦊⚛

@_developit

6 years

Does anyone else feel intense guilt if they attempt to relax?

70

93

674

Jason Miller 🦊⚛

@_developit

4 years

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 errors? What if you never had to run `npm install` and your node_modules directory was 0 bytes?

26

85

668

Jason Miller 🦊⚛

@_developit

4 years

I feel so bad for anyone who bought a 2016-2019 MBP. Least reliable computer I've ever used.

105

32

668

Jason Miller 🦊⚛

@_developit

3 years

The M1 Air should come with a keyboard heater. My hands are cold because the machine never gets warm

34

16

668

Jason Miller 🦊⚛

@_developit

7 years

The web is getting async image decoding! #IO17

29

249

663

Jason Miller 🦊⚛

@_developit

4 years

🦄 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: 👀

21

223

660

Jason Miller 🦊⚛

@_developit

4 years

My reverse compiler project now recognizes and removes unnecessary polyfills. (and ponyfills!) (not shown: cascades and can even remove the wrapper function)

24

62

654

Jason Miller 🦊⚛

@_developit

6 years

Just released Microbundle: zero-configuration bundling for tiny modules.

30

194

647

Jason Miller 🦊⚛

@_developit

5 years

Wouter looks neat. 1kB, similar API to react-router but with hooks, works with both react and preact.

7

129

649

Jason Miller 🦊⚛

@_developit

4 years

Today I failed to build a tweet-sized Virtual DOM library. *But* I did create this 480-byte one:

18

103

634

Jason Miller 🦊⚛

@_developit

6 years

Nooo one ships like Gaston JavaScripts like Gaston Pushes bugs to production then splits like Gaston

12

122

632

Jason Miller 🦊⚛

@_developit

3 years

95% of the frontend code we write would be best expressed in a minimal template language.

66

30

618

Jason Miller 🦊⚛

@_developit

2 years

who told you class components were dead?

49

37

623

Jason Miller 🦊⚛

@_developit

2 years

the amount of time I have to spend screwing up my already-working code to make TypeScript happy

44

27

604

Jason Miller 🦊⚛

@_developit

5 years

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. Get those sweet Tagged Template gainzz🦵 🏗Easy `htm/react` integration

16

155

587

Jason Miller 🦊⚛

@_developit

7 years

🎉 Preact 7 is officially out of beta! 🎉 🚄 10x faster initial render 🔥 2x faster unmount 🐛 Key bugs squashed

17

222

591

Jason Miller 🦊⚛

@_developit

4 years

Library authors: if you care about its size, take 30 seconds and install this Github action to run on PRs:

13

120

592

Jason Miller 🦊⚛

@_developit

6 years

🔥 The Google I/O site is built with Preact! ⚛️

11

77

578

Jason Miller 🦊⚛

@_developit

4 years

Looks like Frontend Engineer is the #1 ranked job in the US for satisfaction.

19

49

564

Jason Miller 🦊⚛

@_developit

2 years

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.

31

63

563

Jason Miller 🦊⚛

@_developit

3 years

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>, which IE ignores Think about it: bogging IE11 down with 2mb of polyfilled JS reduces accessibility.

11

122

545

Jason Miller 🦊⚛

@_developit

3 years

📣 It's now possible to publish modern JavaScript to npm and use it in projects without breaking older browsers. See how: