Discussions about frontend development, HTML, CSS, JavaScript, browser APIs, web standards, component frameworks, rendering libraries, UI/UX patterns, and tools and technologies used to build websites and web apps!

Main

MDN Web Docs →

Frontend

If not React, then what?

https://infrequently.org/2024/11/if-not-react-then-what

`text-box-trim` / `text-box-edge` in CSS fixes this!

(Unless this is React Native – in that case, good luck 😅)

Web3 discoverability is terrible, and people complain about it constantly.

That's why I built a website to let you explore without limits...

Built a new website to discover open-source projects using NextJS. It's open-source as well!

What do you think?

Built a new website to discover open-source projects using NextJS. It's open-source as well!

What do you think?

https://warpcast.com/alexfertel/0x36df1e00

New farcaster client UI starter just dropped 

Cc @dwr.eth

✨I built @X mobile app on React (Native) &amp; Tailwind CSS!

✅X user profile screen
✅swipable tabs
✅X-like bottom sheet
✅draggable and swipeable lists
✅example video tab
✅nested expo router tab, drawer
✅animated splash screen
✅animated like button

GitHub link on comment👇 https://t.co/GByuv6zcDn

Working on Farcaster and Warpcast. Longer thoughts at https://dwr.email

New farcaster client UI starter just dropped 

Cc @dwr.eth 

https://x.com/saul_sharma/status/1914196674525749499?s=46

https://github.com/saulamsal/twitter-ui

Does anyone know of an automated testing framework for UI, where I can just specify the tests in natural language?

Example: “Visit the pricing page and make sure prices show up?”

Would have to be LLM powered obviously. Open source or hosted is fine

are there any decent web based AI chat wrappers out there?

I used to use chatkit.app and it was perfect but the maintainer sadly stopped pushing updates.

requirements:
- use own API keys,
- sync chats (cloud account),
- fast availability of newly released models.

ideally a PWA but not a must

Nextjs has been growing on me… feels like it’s going to blindside me based on how many people hate it

Tired of all the frontend JS frameworks, why not try JavaScript The Hard Way!

Tired of all the frontend JS frameworks, why not try JavaScript The Hard Way! https://github.com/matthewp/views-the-hard-way

Fumadocs look really great 

https://fumadocs.vercel.app

devFC

NextJS outside of Vercel is an anti pattern.

Server Actions in general are too.

NextJS can be good tech, but doesn't make you use it as good tech by default. 

Constraints are good. Make it hard to do the bad things >>> make everything easy. NextJS tries making everything easy and therefore makes shit hard if you aren't on the happy path.

That's why some of you may have noticed I am not the biggest next fan. It's not Next. It's how next usually is used.

And yes we run production apps on Next on vercel. 

We don't otuside of Vercel though. Anything outside Vercel you'll almost never see me advocate for NextJS.

Tried that e.g. with Frames. Post Routes went from 200ms response times on vercel to 2s response times and yes I was geographically very very close to the VPS running the NextJS instance and it had 16 cores, 64GB ram so definitely not network & hardware limited!

https://opennext.js.org/

though I'd just use React Router 7 if you want the NextJS experience but with better patterns.

SolidStart (SolidJS) if you care about state management or SvelteKit if you wanna get outside of something that looks like React (Solid is not react, but looks similar which I like personally). Astro for content pages (likely good for fullstack too, but haven't tried)

And then if you care even more just ping @darrylyeo and you'll get more options then you can process (at least then I can lol)

Every npm package you import is a choice with a unique set of tradeoffs.

Frameworks can raise the floor, but also lower the ceiling in ways you don’t initially anticipate unless you actively compare them against other frameworks.

Know the limits of the tools you choose to use. Especially when they seem popular.

every time i think “maybe i’ll try something besides react this time”, it goes and wins another category

The @openai Codex CLI uses Ink (https://t.co/aZVncOwIcz), the React renderer for terminal UIs that also powers Claude Code.

It’s amazing how *universally* the React abstraction has been able to model user interface complexity. Always bet on React!

https://t.co/szDP4rNzjZ https://t.co/niRNzl0Vdg

every time i think “maybe i’ll try something besides react this time”, it goes and wins another category

https://x.com/rauchg/status/1912561738387714478?s=46

og newsletter reco
https://mailchi.mp/smashingmagazine/503-eaa-and-accessibility-personas?e=6b7675e4c1