Passle @passle_ Twitter profile

Last Seen Profiles

@Nabil00Aziz

@back_dol

@lenarybakina

@wolfsheeys

@ochakoyum

@fuyu33_

@FRiENDi_Oman

@UGg2040280

@wintermintleaf

@bokeplokalmalam

@TKarbast99412

@sweetrabbit233_

@EsmaOzcan15

@GCHDutta

@MOHaplu1

@mrid_205

@Kaladha76467867

@briannaghey

@mjdnjyb845592

@YeenQween

@MehmetZengin68

@dnfknb

@bloomsbysuze

@solb1s

@PikachosRap

@6ixGaad

@bobsoef

@Selma_SexGirl

@stats_ru

@ali_313ali0

@Diaz1994Vero

@ms_vnl

@Martijn_Sarg

@AswaniTrisha

@SPSTARSSP199665

@Thesavage_girl

Passle

@passle_

27 days

lol, removing is-number from this package saves 440gb weekly

101

405

5K

Passle

@passle_

2 months

The difference between traverse @0 .6.8 and 0.6.9

52

108

1K

Passle

@passle_

11 months

DID YOU KNOW? 😨😱 👉 using DOCTYPE is TERRIBLE 🚨 for PERFORMANCE and SIZE! 😌 Instead use LOWERCASE, because it's smaller your page will LOAD MUCH FASTER #react #javascript #webdev

118

50

865

Passle

@passle_

2 months

hear me out database structured as HTML use CSS selector to query the data

123

15

598

Passle

@passle_

4 months

This sucks so much 🥲Bun just keeps digging its anti-interop hole deeper and deeper. If you ship this, people will definitely start using it, and itll break a bunch of tooling that reads package.jsons

Jarred Sumner

@jarredsumner

4 months

In the next version of Bun Bun won't error when package.json has comments or trailing commas

280

58

1K

24

17

495

Passle

@passle_

3 years

useEffect is such a horrorshow

42

26

428

Passle

@passle_

2 months

For those of you who are out of the loop and looking for context, this is Ljharb's handy work. He's the reason your node_modules are bloated, and does this to many popular packages, inflating downloads for many of his other packages.

6

18

427

Passle

@passle_

2 months

He does this under the guise of "robustness" and backwards compatibility (going so far as supporting node 0.4), but he also has a monetary incentive for getting as many downloads as possible, because tidelift pays him out for it.

6

7

380

Passle

@passle_

2 years

useEffect: a story in two images

5

47

341

Passle

@passle_

3 years

devs: classes for components are ugly, functions make so much more sense, Ui iS a FuNcTiOn Of StaTe also devs: here's a 5 part tutorial series on how to correctly use useEffect

23

16

322

Passle

@passle_

1 month

Love to see it, awesome work

8

12

274

Passle

@passle_

2 months

this shit is so depressing

Alex Yang

@himseIf_65

2 months

great job ljharb

12

8

139

5

1

274

Passle

@passle_

1 month

He actually set the engines to 0.4 😂

21

11

264

Passle

@passle_

9 months

Can someone explain to me why its hard to host nextjs on anything thats not vercel? Genuine question.

55

11

265

Passle

@passle_

1 month

DepTree is turning out to be really cool. Enter a package name and it shows you all the dependencies that package has and whether or not they have unnecessary deps that can be replaced, and what to replace them with! (based on )

5

30

245

Passle

@passle_

1 year

I just realized that the `html` function itself can probably be a generator, and stream results _as its parsing_ the template

9

13

227

Passle

@passle_

1 year

"I found a bug" Great, I recommend creating a minimal reproduction, and a clear, written explanation of what the actual behavior and what the expected behavior is "can we connect on a call" I recommend creating a minimal repro ... "i made a video" I recommend creating a ...

19

13

201

Passle

@passle_

6 months

My trust in Safari wasn't very high for obvious reasons. The improvements they made in the past year or so were nice, but long overdue. But now I've just lost *all* trust in Safari, and I just can't take it seriously at all anymore.

13

11

184

Passle

@passle_

1 month

We got a small group of people don't some amazing work here, but we need more. The codemods are very easy to implement, even if you've never implemented one before! One codemod only takes about half an hour (max!) to implement, theres just a lot. If you want to help, link below

7

38

181

Passle

@passle_

27 days

Package size report created via

GitHub - TheDevMinerTV/package-size-calculator

Contribute to TheDevMinerTV/package-size-calculator development by creating an account on GitHub.

github.com

1

5

176

Passle

@passle_

2 months

I believe it's extremely important to speak up about things that you disagree with, because it may resonate with other people and lead to change. Sometimes it wont, but sometimes it does. In this case it has already lead to multiple great PRs to remove bloat, as well as this:

{PuruVijay}.svelte

@puruvjdev

2 months

Releasing ✨neotraverse✨a zero-dependency alternative to `traverse` 🤌 1.6KB min+brotli 🚥 Zero dependencies 🎹 TypeScript support (Goodbye @types /traverse) 🛸 ESM-first 🐑 Legacy mode: ES5 and CommonJS 🌐 Native browser support. Just Works™

17

52

671

2

6

170

Passle

@passle_

3 years

bad, copilot, bad

6

9

173

Passle

@passle_

4 years

3

24

162

Passle

@passle_

1 year

I like how the js ecosystem requires you to cause some drama to introduce your new framework

15

12

150

Passle

@passle_

2 years

DID YOU KNOW that the browser comes with a built-in state manager? 🤩 It's called the `globalThis` object! #free #javascript #tips #techfluencer 5 Other TOP javascript tips: 👇🧵

25

11

153

Passle

@passle_

2 years

4

15

152

Passle

@passle_

2 months

@zoriya_dev There are people unironically applauding his work

1

0

149

Passle

@passle_

8 months

Wait what? Safari introduced a <input type=checkbox switch> in the latest TP? (via )

Anthony (@[email protected])

Attached: 1 image Somehow the release notes for the latest Safari Technology Preview missed the introduction of a native #HTML Switch widget via ! It even supports accent-color and nicely animates...

indieweb.social

7

18

147

Passle

@passle_

6 months

I like how react went full circle with hooks, making you read 5 essays to truly *get* hooks and their rules, only to circle back to introducing a new hook thats not quite a hook and doesnt follow those rules with the most generic and hard to google name

10

145

Passle

@passle_

2 months

I love how every time the ljharb drama happens, it *does* have a positive effect; people become more aware of the package bloat, and start improving their packages. Thats all I can ask for.

Kevin Deng • 三咲智子

@sanxiaozhizi

2 months

📦🚮 Switched two deps to no-shims, reducing 70+ packages!

1

4

105

5

6

142

Passle

@passle_

1 year

I was building a little SPA with js and client side routing when I realised I needed some service worker stuff. Then I figured, why not just have the service worker act as the router and send the html instead, and its turning out to be pretty damn awesome.

10

4

140

Passle

@passle_

8 months

Cool, out-of-order streaming without using JS to swap out content, but instead using DSD. Pretty nice. (the script tag in there is the sw registration)

6

22

138

Passle

@passle_

3 years

Stoked to finally be able to announce: Custom Elements Manifest 1.0.0 I’m really looking forward to see what kind of new tooling this will unlock. Read all about it here:

Introducing: Custom Elements Manifest

The idea for a web-components.json was first suggested in this GitHub issue on the web components...

dev.to

5

51

133

Passle

@passle_

7 months

And a quick little eslint plugin against barrel files

npm: eslint-plugin-barrel-files

eslint plugin to avoid common errors with barrel files. Latest version: 2.1.0, last published: 2 months ago. Start using eslint-plugin-barrel-files in your project by running `npm i eslint-plugin-b...

www.npmjs.com

4

11

133

Passle

@passle_

5 years

New blog 🥳 ING ❤️ Web Components: Big thank you to @PowersBenny and @jlengrand for feedback :-)

ING ❤️ Web Components

Over the last several years, the increasing popularity of component-based architecture for web development massively changed the way…

medium.com

6

49

129

Passle

@passle_

2 years

How my brain feels after 2 days of shared element transitions

7

6

131

Passle

@passle_

2 years

We are dropping React

Kent C. Dodds 🌌

@kentcdodds

2 years

Make a developer happy in 4 words

2K

123

2K

11

8

126

Passle

@passle_

5 years

I like web components 🤷 Are they perfect? No. Are they a silver bullet? No. But I can write cool stuff, real fast, directly in the browser. I dont need to compile anything, I dont need to set up a toolchain, I can just write javascript in the browser, and have it work.

9

26

125

Passle

@passle_

2 years

So this is pretty crazy, but it turns out you can totally run @astrodotbuild in a service worker

8

24

119

Passle

@passle_

5 years

This has been a long time coming, but im super excited to finally be able to share with you: ING open sources Lion! 🎉 A library of performant, accessible & flexible Web Components #webcomponents #lithtml #litelement #javascript #designsystem

ING open sources Lion: A library of performant, accessible & flexible Web Components

TL;DR: Web development can be hard, whether you’re making your own components, implementing Design Systems, support many different…

medium.com

4

39

115

Passle

@passle_

6 months

Looks like Vite's Rust port of Rollup has been made open source. Looks interesting. Some initial thoughts in the next tweets:

GitHub - rolldown/rolldown: Fast Rust bundler for JavaScript/TypeScript with Rollup-compatible API.

Fast Rust bundler for JavaScript/TypeScript with Rollup-compatible API. - rolldown/rolldown

github.com

1

7

112

Passle

@passle_

2 years

Yeah, this is really awesome. Since @astrodotbuild now supports streaming, you can fetch html, and since response.body is a stream, Astro will render the HTML as it comes in. Even cooler: This exact code will also work in your service worker. Isomorphic streaming rendering!

3

15

112

Passle

@passle_

10 months

This is very much not a dream, I do this for all my libraries. Ship standard JS, dont bundle, dont minify, dont polyfill, those are all app-level concerns.

Wes Bos

@wesbos

10 months

@kentcdodds I dream of a day where we don't bundle anything, and just ship the source to npm. (prolly a dream)

9

2

108

9

6

112

Passle

@passle_

4 years

accessibility linting rules coming for ya lit-html templates soon 👀

6

20

109

Passle

@passle_

6 months

Oxc is (almost) single handedly rustifying the js tooling ecosystem lol. Js/ts parser via oxc_parser, node module resolution via oxc_resolve, es-module-lexer equivalent via oxc_module_lexer. A lot of building blocks that I typically use for a lot of tooling that I work on

3

6

103

Passle

@passle_

4 years

Re: this I recently needed a bunch of these components for an app, so I put together a quick repo of accessible, easy to use, native web components (no frameworks/libs). So here's generic-components: #webcomponents #a11y #js #vanilla

Passle

@passle_

4 years

I still havent seen many good, simple(!), accessible, extensible, zero dep(!) libraries of web components for 'simple' things that are so common like a toggle switch (std switch, anyone?), or accordion, or etc. Theres many novelty components like a 'blink' or whatever.

5

0

8

6

24

103

Passle

@passle_

11 months

I’m reviewing a TypeScript code base without JSDoc comments above every function and component: I don't recommend this. JSDoc provides actual type safety, with superior autocomplete and documentation, for about the same amount of work.

21

5

104

Passle

@passle_

4 years

She said yes 🎉

28

1

99

Passle

@passle_

7 months

I wrote down a little case-study of sorts regarding the barrel file rabbit hole I went down, if anyone is interested in learning more about how I approached this

Barrel files a case study

Passle blog

thepassle.netlify.app

7

12

100

Passle

@passle_

2 years

🎉 New blog on my experiments of Astro and service workers:

Service Worker Side Rendering (SWSR)

Server Side Rendering (SSR) seems to be all the rage. Hydration strategies are the talk of the town,...

dev.to

4

25

94

Passle

@passle_

1 year

Using Typescript without compilation

Over the past couple of days, an article about the next major version of Svelte blew up on twitter,...

dev.to

7

29

93

Passle

@passle_

4 years

Ever wonder if a page uses custom elements? Try this new Chrome extension: You might be surprised to find who's using custom elements! Let me know if you find anything cool!

7

41

93

Passle

@passle_

9 months

I think classes make more sense for a component model than functions I also think classes in general are fine

20

2

93

Passle

@passle_

2 months

tbh any frontend dev should be able to be productive with any frontend library, react, svelte, lit, vue, whatever. Its all the same shit, component model, lifecycle, state, etc.

Jay Harris

@jayharr_is

2 months

@CodingGarden I'd try Vue for a side project. But for a business, using Vue instead of React means cutting the talent pool of potential hires in half. Finding great talent is already hard. Companies can't afford to shoot themselves in the foot by choosing a less-widely-used tech stack.

33

0

15

1

7

92

Passle

@passle_

5 years

New blog, who dis? 🎉 On The Bleeding Edge; making projects without a buildstep, using web standards and having fun. Also dropping a bunch of buzzwords like kv-storage, import maps, PWA, and built-in modules. 🔥 Get it while its hot 🔥

Going Buildless

Making projects without a build step, using web standards and having fun.

dev.to

4

23

89

Passle

@passle_

2 months

"I’m not Big Package trying to sell you more Packages" - CEO of Big Package Proceeds to add 45+ unnecessary packages

3

6

91

Passle

@passle_

2 months

axobject-query, refactored to TS and published as cjs/esm (via tshy), so you can also use it in the browser without a buildstep. Will probably take a stab at aria-query next when I'm bored. (First time using tshy, pretty nice experience!)

npm: @thepassle/axobject-query

Programmatic access to information about the AXObject Model. Latest version: 4.0.0, last published: 2 months ago. Start using @thepassle/axobject-query in your project by running `npm i @thepassle/...

www.npmjs.com

8

3

88

Passle

@passle_

3 months

A practical guide against barrel files for library authors

Practical barrel file guide for library authors

Passle blog

thepassle.netlify.app

4

18

89

Passle

@passle_

1 year

Little bit of a quick and dirty one, but here's some cool things you can do with plain old vanilla events. You may not need an expensive library. Just use an event.

Events are the shit

Pardon my profanity, there's just no better way to say it. Events are just great. In this blog I'll...

dev.to

9

27

89

Passle

@passle_

1 month

im cooking

5

7

87

Passle

@passle_

5 months

And web components They have a nice design system built with web components, too:

Evan You

@youyuxi

5 months

Just found out that the new @Porsche official site is built with @astrodotbuild + @vuejs (v3)!

79

111

2K

3

8

87

Passle

@passle_

5 years

Aw yissss CSS Modules V1 explainer: ``` import styles from "styles.css"; // 🤩 ```

1

22

85

Passle

@passle_

6 months

This is such bullshit. They couldve at least limited PWAs to Safari only for the time being.

Mysk 🇨🇦🇩🇪

@mysk_co

6 months

It's official. iOS will not support Progressive Web Apps in the EU. It would be great if Apple provides the basis of this claim: "We expect this change to affect a small number of users"

65

117

583

5

6

83

Passle

@passle_

2 months

@_brianpmaher This was specifically architected to become spaghetti

0

81

Passle

@passle_

1 year

Service Worker Templating Language (SWTL)

Check out the starter project here. I've previously written about Service Worker Side Rendering...

dev.to

1

18

80

Passle

@passle_

4 years

🎉 New blog The year is 2020. Service workers are still rocket science. Humanity still hasn't nailed service worker updates. The search continues. #pwa #progressivewebapp #workbox #updates

On PWA Update Patterns

The year is 2020. Service workers are still rocket science. Humanity still hasn't nailed service worker updates. The search continues.

dev.to

5

21

78

Passle

@passle_

1 year

@jaffathecake ok grandpa

2

1

79

Passle

@passle_

2 years

I think its really awesome that at work we stick close to web standards. We write esm code, and no non-standard/no heavy build magic kind of stuff. No ts. It really, really pays off. It keeps the code super flexible, compatible with tooling, and portable.

11

12

77

Passle

@passle_

6 months

“We almost removed web apps in Europe, here are some new web app features!” ????

Jen Simmons

@jensimmons

6 months

Safari 17.4 is here! With 46 features and 146 bug fixes • menu commands for web apps on Mac • switch control in HTML • vertical forms • align-content everywhere! • CSS Scoping with @scope • more video/audio codecs, including WebM & Vorbis on iOS

35

78

603

15

3

76

Passle

@passle_

8 months

Service workers (and by extension PWAs) You can do some great and crazy things with service workers; 0 hype

Christopher Ehrlich

@ccccjjjjeeee

8 months

Which technology is this?

878

69

1K

6

8

76

Passle

@passle_

1 year

Oh god. Some crypto project built some kind of JS library and named it Lit, and now the crypto folks are creating issues on the web component project Lit repo 🤦‍♂️ Whyyy

6

3

75

Passle

@passle_

3 years

Itd be so nice if there were some standardization around JS tooling config files. Instead of automatically picking up config files from the root, pick them up from `config/`. All config files follow `*.config.js` or `*.config.json`.

8

11

74

Passle

@passle_

5 years

Woop, Snowpack docs for lit-html and lit-element 🎉

1

18

74

Passle

@passle_

2 years

@jarredsumner For all of it's woes, I find it hard to think of a solution that allows for easier debugging. If I have an issue, I just open the code locally in node_modules and debug it, which for me is a huge benefit.

2

0

74

Passle

@passle_

2 months

Nevermind 😂

Passle

@passle_

2 months

Farm seems interesting. First rust-based bundler that actually builds our entire app on first try! Rollup/vite plugin compat. Seems to output a runtime similar to webpack/rspack, which I guess is done for chunks. Seems promising!

4

2

61

6

2

73

Passle

@passle_

4 years

And there we go, first release candidate for generic-components A collection of generic web components with a focus on: 🚹 Accessibility 🏗 Easy to use 🎨 Easy to style All components are vanilla web components 🙂 Docs: Github:

2

25

71

Passle

@passle_

1 year

Everybody: the web needs view transitions to be more app like *view transitions happen* Everybody: >:(

6

1

71

Passle

@passle_

8 months

And there we go

5

1

69

Passle

@passle_

4 years

Man, have been getting so much mileage out of this pattern to batch updates recently: (very very clearly inspired by LitElement, just stripped down a lot)

5

8

68

Passle

@passle_

3 months

Very quick and dirty blog on how you can start using Rust code in your existing JS codebases (using OXC+Napi-rs)

Rustify your js tooling

Passle blog

thepassle.netlify.app

4

14

71

Passle

@passle_

1 year

Published an 0.0.1 version and added some documentation :) Decided to go with `swtl` (Service Worker Templating Language). Will implement out of order streaming sometime this week and do a blog, but Baldurs Gate is too much fun.

6

8

71

Passle

@passle_

4 years

> use any react component: installs all of lodash, es5 transpiled dependencies, commonjs everywhere, process.env > use a web component: bUt YoU UsEd A hElPeR LiBrArY tO Do iT!!!1

1

9

69

Passle

@passle_

1 month

A cleaner node_modules ecosystem

A cleaner node modules ecosystem

Passle blog

thepassle.netlify.app

2

14

70

Passle

@passle_

11 months

@chribjel called it

Passle

@passle_

11 months

@nameandnums @kennethrohde Im genuinely expecting someone to unironically reply something like this

1

0

15

3

0

68

Passle

@passle_

1 month

Go check out to help clean up this ecosystem

e18e

Ecosystem Performance

e18e.dev

0

1

66

Passle

@passle_

27 days

My soundcloud is here:

e18e

Ecosystem Performance

e18e.dev

0

1

66

Passle

@passle_

5 years

Today, web components are supported in all modern browsers 🥳

Microsoft Edge Dev

@MSEdgeDev

5 years

The wait is almost over. A new browser experience is coming January 15th.

73

553

2K

3

14

65

Passle

@passle_

1 month

Chat we're cooking

2

63

Passle

@passle_

7 months

Published an initial version of Barrel Begone. Analyze your package's entrypoints for barrel files, total module graph count, entrypoints leading to imports of other barrel files, and untreeshakeable imports npx barrel-begone

2

14

64

Passle

@passle_

2 years

agnostic router in <130 loc 😌👌 thank you URLPattern & EventTarget

2

10

65

Passle

@passle_

5 years

I recently gave a talk on service worker, and I turned it into a thing. The thing is called The Mental Gymnastics of Service Worker, and hopefully it'll save _you_ some of the headache _i_ had when trying to figure this stuff out. #pwa #serviceworker

2

20

65

Passle

@passle_

1 month

There are so many awesome things being worked on to help clean up the ecosystem, its fucking great We have a good amount of quality replacements for packages and a good amount of codemods for them too. Next step is to actually start making PRs to popular projects to replace them

{PuruVijay}.svelte

@puruvjdev

1 month

Releasing ✨neoqs✨, a drop-in replacement for the bloated `qs` package 🤌 3.9KB min+brotli (3x smaller than `qs`) 🚥 Zero dependencies 🎹 TypeScript. Throw away @types /qs ❎ No polyfills 🛸 ESM-first 📜 Legacy mode: ES5, CommonJS and Node 10+ 🌐 Just works™ in all browsers

18

49

718

5

2

64

Passle

@passle_

6 years

🎉 Part three of the Web Components: from Zero to Hero series is out #lithtml #litelement #webcomponents #DEVcommunity #javascript #blog

Web Components: from zero to hero, part three

Web Components hero with LitElement

dev.to

0

19

62

Passle

@passle_

2 years

Super thankful that my @astrodotbuild Service Worker Side Rendering project got sponsored through Chrome's Advanced Web Apps Fund 😊

Chrome for Developers

@ChromiumDev

2 years

Congratulations to the 11 projects we've sponsored through the Advanced Web Apps Fund! We're excited to recognize these projects, and enable their creators to spend more time on them. Applications are still open & reviewed on a rolling basis.

0

10

64

8

5

64

Passle

@passle_

11 months

@jimniels I love this