Devin Jameson (@devinjameson) - Twitter Profili

Sabitlenmiş Tweet

Devin Jameson@devinjameson·24 Mar

Ever wish you could inspect your application step by step? Go back in time and see every state change that led to this moment? Now you can. Introducing Foldkit DevTools. - Travel back in time to any program state (see the actual UI) - See exactly which Message caused which Model changes - Track which Commands (side effects) were dispatched Powered by @EffectTS_ Note for my fellow nerds: This is only possible because Foldkit treats every side effect as data. We can render any program state because the view is a pure function of the model. We can show which Commands were dispatched because every side effect is tagged. Really cool things become possible when your entire application is pure and all the impure stuff is managed by the runtime.

English

0

1

95

Devin Jameson@devinjameson·1d

@garrytan Seems like you’re trying to speedrun being the most insufferable person.

English

0

89

2.6K

Garry Tan@garrytan·1d

I’m trying to teach software engineers that their sacred cow of “LOC is bad” is probably wrong in agentic engineering You won’t believe that in another 5 years

Garry Tan@garrytan

@ColtonSeal A bit, but also I’m being earnest too LOC is a useful measure if you try to build stuff and the machines just dutifully follow your command It’s not like there is a prompt in there saying maximize LOC

English

92

2

88

312.6K

Garry Tan@garrytan·1d

Absolutely insane week for agentic engineering 37K LOC per day across 5 projects Still speeding up

English

306

30

810

1.5M

Devin Jameson@devinjameson·1d

So I think Pretext is really cool but every time I look at my feed I get motion sick.

English

0

8

Devin Jameson@devinjameson·1d

@PawelHuryn In what sense are agents generating UI on the fly?

English

1

0

1

523

Paweł Huryn@PawelHuryn·1d

A Midjourney engineer just open-sourced a way to lay out entire web pages without CSS. Not a framework. Not a library that wraps the DOM. A pure TypeScript text measurement algorithm that bypasses browser reflow entirely. 600x faster. Why it matters: AI-generated interfaces need to lay out text dynamically. The browser wasn't built for that. CSS reflow was designed for humans writing static pages, not agents generating UIs on the fly. This exists because agents need rendering that doesn't depend on a 30-year-old pipeline. The AI-era stack is being rebuilt from scratch. One library at a time. P.S. Such a fun to play with that!

Cheng Lou@_chenglou

My dear front-end developers (and anyone who’s interested in the future of interfaces): I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at least in concept): Fast, accurate and comprehensive userland text measurement algorithm in pure TypeScript, usable for laying out entire web pages without CSS, bypassing DOM measurements and reflow

English

37

55

681

227.3K

Devin Jameson@devinjameson·1d

@garrytan This is by far the most cringey account on this app.

English

0

12

Devin Jameson@devinjameson·1d

I built the same pixel art editor in Foldkit (with @EffectTS_) and React. Profiled both production builds. Rendering performance was identical. Foldkit is significantly stronger across DX, auditability, side effect handling, testing, and scaling. And it's not close. Think this sounds overblown? Good. Go look at the comparison. foldkit.dev/foldkit-vs-rea…

English

0

31

Devin Jameson@devinjameson·1d

@vinstintresse @alshakero @lucas__crespo @_chenglou You’re missing the point: people expect accessibility patterns to be consistent. Pinch to zoom does what it does for a reason. Trying to “fix” that is misguided.

English

1

0

54

Gabriel@vinstintresse·1d

@devinjameson @alshakero @lucas__crespo @_chenglou Would be nice if browsers actually did, but that's never been the case.

English

1

0

1

53

Lucas Crespo 📧@lucas__crespo·2d

Pinch-to-zoom on mobile text has been broken until now. You want bigger text, not a bigger page. So I built a fix that intercepts pinch-to-zoom and resizes text instead of the page. Only two lines of code built on top of @_chenglou’s pretext. Try the demo at pinch-type.surge.sh

Lucas Crespo 📧@lucas__crespo

Started playing with pretext over breakfast, and I can confirm, this is really cool

English

48

67

914

94.6K

Devin Jameson@devinjameson·1d

@skeptrune With love and light, this needs a lot of work.

English

0

83

Nick Khami@skeptrune·2d

claude has started to get really damn good at design. this is impressive

English

125

6

227

244.5K

Devin Jameson@devinjameson·1d

@alshakero @lucas__crespo @_chenglou I feel like you need to understand that people expect webpages to behave in a consistent way. Thanks for the link though.

English

1

0

4

89

Omar Alshaker 🧙‍♂️@alshakero·1d

@devinjameson @lucas__crespo @_chenglou I feel like you need to see this video youtube.com/shorts/-exZhX4… Browser behaviour is just someone’s or a few people’s decision.

YouTube

English

2

0

2

196

Devin Jameson@devinjameson·2d

@SandroMaglione Yessss!

0

163

Sandro Maglione@SandroMaglione·2d

IndexedDb effect-native support is coming to the next version of effect v4 beta 🚀 After being in the making for 1 year now (on and off) Expect some content about it 🔜

English

3

83

4.6K

Devin Jameson@devinjameson·2d

@sandovin34721 @Riyvir Cool that’s helpful thank you! All I’ve seen is like 30 videos of people dragging glowing orbs over paragraphs so this puts things in context for me.

English

0

1

13

kurku@sandovin34721·2d

@devinjameson @Riyvir the use case: sites which would benefit from it, but are not complicated enough to actually care for it to implement themselves like figma or google docs some resizable chat box idk

English

1

0

2

27

River Marchand@Riyvir·2d

This little illuminated dragon is very happy about Pretext. He's too busy having fun to care about people's "hot takes" on how "it's not that special." (This little dragon also only works on desktop right now but maybe I'll do mobile later) illustrated-manuscript.vercel.app

Cheng Lou@_chenglou

My dear front-end developers (and anyone who’s interested in the future of interfaces): I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at least in concept): Fast, accurate and comprehensive userland text measurement algorithm in pure TypeScript, usable for laying out entire web pages without CSS, bypassing DOM measurements and reflow

English

414

4.9K

42.5K

2M

Devin Jameson@devinjameson·2d

@jordwalke Okay well then explain it?

English

0

445

jordwalke@jordwalke·3d

Few understand what this unlocks. It’s not just about having pretty wrapped text.

Cheng Lou@_chenglou

My dear front-end developers (and anyone who’s interested in the future of interfaces): I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at least in concept): Fast, accurate and comprehensive userland text measurement algorithm in pure TypeScript, usable for laying out entire web pages without CSS, bypassing DOM measurements and reflow

English

36

10

270

80.9K

Devin Jameson@devinjameson·2d

@Riyvir To be clear I’m not asking narrowly about your example, I’m asking about Pretext more broadly. And I’m asking to be educated, not to say, “This is dumb/hype.”

English

1

0

28

Devin Jameson@devinjameson·2d

@Riyvir Genuine question: why would you ever want this? Don’t get me wrong it’s technically impressive and a cool effect, but what’s the practical use case? I’m sure there is one, I would just like to know because this is all over my feed and I’m not getting it.

English

3

0

2

178

Devin Jameson@devinjameson·2d

@SovereignEye @Riyvir Lmaooooo

HT

0

30

Sovereign Eye@SovereignEye·2d

@devinjameson @Riyvir The practical use is to create engagement on this app

English

2

0

1

25

Devin Jameson@devinjameson·4d

Claude was just building the foundation of a new drag-and-drop UI component for Foldkit. Non-trivial stuff: drop targets, ghost element, DOM and keyboard subscriptions, full suite of tests with foldkit/test. It one-shotted it. Perfectly readable code. Tests passed on the first run. Did it do so well because Claude is awesome? Kinda. Its take on why: "Elm Architecture means I can't accidentally mutate state, can't forget to handle a Message, can't produce side effects in the wrong place. 20 tests passing on first run isn't luck — it's that the design space is so constrained that once it typechecks, it's probably correct." The future of frontend will be about constraining the solution space until the correct solution is the only plausible one. There shouldn't be thirty ways to build a web app. foldkit.dev

English

0

58

Devin Jameson@devinjameson·5d

@DanielGlejzner Not really. I’ve worked on Angular apps from hell. Most React apps are actually better. In any case, I’m trying to solve this problem with foldkit.dev.

English

0

20

Daniel Glejzner@DanielGlejzner·6d

Angular gives you guardrails - most apps feel consistent - predictable - maintainable Meanwhile React? Good luck to everyone cleaning up the vibe-coding era in 2–3 years.

English

8

4

32

2.4K

Devin Jameson@devinjameson·5d

@jesterxl @DanielGlejzner You may like foldkit.dev, it uses The Elm Architecture but it’s a lot more than just an Elm port.

English

0

9

Jesse Warden@jesterxl·5d

@DanielGlejzner I’ve seen plenty of Angular disasters pre-AI; no code is sacred, or shall be spared the wrath of Sloperators. … well, except Elm.

English

1

0

58

Devin Jameson@devinjameson·5d

@linear Guys showing every interface at a steep angle makes it really hard to see wtf is happening.

English

0

345

Linear@linear·6d

Introducing Linear Agent. Built directly into Linear and accessible everywhere, it understands your roadmap, issues, and code. Ask anything. Command everything.

English

82

91

1.4K

3.6M

Devin Jameson@devinjameson·5d

@jessfraz Tailwind is the best option because no one wants to spend all their time naming CSS classes. Inline styles is the right approach when you start. And when you scale enough to need to name common classes you can do that, too.

English

0

2

493

Jessie Frazelle@jessfraz·5d

I really don't understand tailwind, all it did is make everyone inline styles & everything becomes bifurcated inlined styles. It's full blown anarchy there's nothing blocking people from doing shit thats gross in one place, I have to write eslint rules to not descend into chaos.

English

81

6

238

63K

Devin Jameson

Keşfet