Frontend
/frontend129327
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!
Idempotency is by far the most difficult part of frontend engineering
If you need state that lives outside of your JavaScript framework, nanostores looks like a good escape hatch.
https://github.com/nanostores/nanostores
https://github.com/nanostores/nanostores
Syntax podcast finally did an episode covering Svelte 5 and it’s a banger.
As I’ve mentioned many times before – the Svelte team absolutely knocked it out of the park with their migration tools.
https://youtu.be/t6-znHs8DDM
As I’ve mentioned many times before – the Svelte team absolutely knocked it out of the park with their migration tools.
https://youtu.be/t6-znHs8DDM
serious question
State of JavaScript 2024 survey results are out!
Among the frontend frameworks:
• React is the most used (and complained about)
• Svelte has the highest interest and positivity scores
• Angular has the highest awareness and lowest interest scores
• Vue.js comes in either #2 or #3 across all five categories
• Solid has the highest retention score for the fourth year in a row; meanwhile, Vue.js, Preact and Alpine.js flipped HTMX, Quik and React!
https://2024.stateofjs.com/en-US/libraries/front-end-frameworks/
Among the frontend frameworks:
• React is the most used (and complained about)
• Svelte has the highest interest and positivity scores
• Angular has the highest awareness and lowest interest scores
• Vue.js comes in either #2 or #3 across all five categories
• Solid has the highest retention score for the fourth year in a row; meanwhile, Vue.js, Preact and Alpine.js flipped HTMX, Quik and React!
https://2024.stateofjs.com/en-US/libraries/front-end-frameworks/
New GitHub repo just dropped 👀
IT'S SO EASY WTF
brb building a frame mini app
https://github.com/thirdweb-example/farcaster-starter
IT'S SO EASY WTF
brb building a frame mini app
https://github.com/thirdweb-example/farcaster-starter
It’s always shadcn/ui and never shadcn/uok?
Any Svelte wizards out there ever had very slow __data.json requests and might know a possible cause of the issue?
I'm experiencing the very slow __data.json requests specifically on a certain route in my SvelteKit app deployed on Railway. What I'm seeing:
Dashboard __data.json requests are fast (80-470ms)
Project routes __data.json requests are consistently slow (8-11 seconds)
Regular page loads are fast (10-270ms)
Database queries are fast locally and in production (~3-5ms)
Using Bun adapter with PostgreSQL database
Auth is handled via Lucia
I've tried:
Optimizing database queries
Adding compression for responses
Caching session validation
Reducing data payload
I'm experiencing the very slow __data.json requests specifically on a certain route in my SvelteKit app deployed on Railway. What I'm seeing:
Dashboard __data.json requests are fast (80-470ms)
Project routes __data.json requests are consistently slow (8-11 seconds)
Regular page loads are fast (10-270ms)
Database queries are fast locally and in production (~3-5ms)
Using Bun adapter with PostgreSQL database
Auth is handled via Lucia
I've tried:
Optimizing database queries
Adding compression for responses
Caching session validation
Reducing data payload
Useful collection of odds and ends powered by bleeding-edge CSS features:
https://css-tip.com/archive/
https://css-tip.com/archive/
Thinking about building a mobile app over the holiday break… should I do it “in public”?
idt anyone can understand how much fun i'm having right now
i 💖 css ✨
i 💖 css ✨
A `<TruncatedValue>` component that keeps a long string of text fully rendered in HTML for copy-pastability, but visually hides the middle in CSS unless focused.
You can now use /thirdweb in-app smart wallets in wagmi apps!
super easy to setup - gives you 20+ auth methods + erc-4337 smart accounts with sponsored transactions.
https://blog.thirdweb.com/changelog/in-app-smart-wallet-wagmi-connector-2/
super easy to setup - gives you 20+ auth methods + erc-4337 smart accounts with sponsored transactions.
https://blog.thirdweb.com/changelog/in-app-smart-wallet-wagmi-connector-2/
TIL about yalc from seeing it used in the yoink-devcon repo, this looks like something i wish i knew about a long time ago! tldr it's a tool like `npm/yarn link` that makes it easier to test packages locally(really helpful for building a package)
https://github.com/wclr/yalc
https://github.com/horsefacts/yoink-devcon
https://github.com/wclr/yalc
https://github.com/horsefacts/yoink-devcon
for a long time after i started learning javascript so i could do frontend work, i kept thinking in python first whenever i had to deal with a problem.
dang imagine your ai agent / copilot using this to make changes to your codebase then autonomously deploy to vercel or a github action 👀
https://x.com/rauchg/status/1866209983588900917
https://x.com/rauchg/status/1866209983588900917
Sticky detection is coming to CSS `@container` queries 👀
https://bsky.app/profile/nerdy.dev/post/3lcjhiazh7c26
https://bsky.app/profile/nerdy.dev/post/3lcjhiazh7c26
Great rundown of all the new CSS features implemented in Chromium this year (including CodePen demos)!
https://chrome.dev/css-wrapped-2024/
https://chrome.dev/css-wrapped-2024/