The 3 Ways JavaScript Frameworks Render the DOM
The creator of the SolidJS framework looks at the different approaches frameworks take to render what they produce. A good look under the hood that isn’t too complex. - https://www.youtube.com/watch?v=0C-y59betmY
#react
The creator of the SolidJS framework looks at the different approaches frameworks take to render what they produce. A good look under the hood that isn’t too complex. - https://www.youtube.com/watch?v=0C-y59betmY
#react
YouTube
The 3 Ways JavaScript Frameworks Render the DOM
That's right, there are only 3. There may have been dozens of JavaScript frameworks over the years, but how they render the DOM is almost always identical. In this video, we will look at the approaches all Declarative JavaScript frameworks update the DOM…
My Favorite Way To Build Forms With Validation In Nuxt
In this video, learn how to create a basic form with validation using Nuxt UI and Zod. - https://www.youtube.com/watch?v=DvcHPR0CVpc
#vue
In this video, learn how to create a basic form with validation using Nuxt UI and Zod. - https://www.youtube.com/watch?v=DvcHPR0CVpc
#vue
YouTube
My Favorite Way To Build Forms With Validation In Nuxt
📕 Nuxt Course: https://www.learnnuxt.dev/
🛍 Save 15% at checkout with code NUXT_UI
Video Resources
https://ui.nuxt.com/
https://zod.dev/
In this video, learn how to create a basic form with validation using Nuxt UI and Zod.
Other Resources
📕 Vue 3 Course:…
🛍 Save 15% at checkout with code NUXT_UI
Video Resources
https://ui.nuxt.com/
https://zod.dev/
In this video, learn how to create a basic form with validation using Nuxt UI and Zod.
Other Resources
📕 Vue 3 Course:…
There Are a Lot of Ways to Break Up Long Tasks in JavaScript
Due to how browsers and the event loop work, letting a single task hog the main thread is a quick way to freeze up your site’s UI. Alex explains the problem and uses a simple example to walk through the pros and cons of different solutions from basic use of setTimeout() to requestAnimationFrame(), channel messaging, and Web Workers. - https://macarthur.me/posts/long-tasks/
#javascript
Due to how browsers and the event loop work, letting a single task hog the main thread is a quick way to freeze up your site’s UI. Alex explains the problem and uses a simple example to walk through the pros and cons of different solutions from basic use of setTimeout() to requestAnimationFrame(), channel messaging, and Web Workers. - https://macarthur.me/posts/long-tasks/
#javascript
Alex MacArthur
There are a lot of ways to break up long tasks in JavaScript.
It's very common to intentionally break up long, expensive tasks over multiple ticks of the event loop. But there are sure are a lot of approaches to choose from. Let's explore them.
Refactoring a scroll-driven animation from JavaScript to CSS
Ever feel like your JS scroll animations are a bit heavy? This article is perfect for you; it guides you through converting those animations to CSS, making them much smoother and more efficient. The author explains how to pinpoint JS inefficiencies, then shows how to use CSS properties like scroll-behavior and scroll-snap for better performance. - https://component-odyssey.com/articles/08-refactoring-a-js-driven-scroll-animation-to-css
#css
Ever feel like your JS scroll animations are a bit heavy? This article is perfect for you; it guides you through converting those animations to CSS, making them much smoother and more efficient. The author explains how to pinpoint JS inefficiencies, then shows how to use CSS properties like scroll-behavior and scroll-snap for better performance. - https://component-odyssey.com/articles/08-refactoring-a-js-driven-scroll-animation-to-css
#css
Component-Odyssey
Refactoring a scroll-driven animation from JavaScript to CSS
Cut down on the amount of JavaScript you ship by refactoring a scroll-linked animation from JavaScript to CSS.
Good practices for Vue Computed Properties
This article covers good practices for working with computed properties in Vue, ensuring you get the most out of them. - https://dev.to/jacobandrewsky/good-practices-for-vue-computed-properties-5gd7
#vue
This article covers good practices for working with computed properties in Vue, ensuring you get the most out of them. - https://dev.to/jacobandrewsky/good-practices-for-vue-computed-properties-5gd7
#vue
DEV Community
Good practices for Vue Computed Properties
Computed properties are a powerful feature in Vue that allow you to derive and transform data...
How to Create Your Own Simple useState Hook - https://www.deepintodev.com/blog/how-to-create-your-own-simple-use-state-hook
#react
#react
DeepIntoDev
Your go-to source for deep development insights.
Why We Created Another Kafka Client for Node.js
Apache Kafka is a popular distributed event streaming platform but the existing client libraries have various flaws, leading Platformatic to release a new one built around modern Node best practices. - https://blog.platformatic.dev/why-we-created-another-kafka-client-for-nodejs
#nodejs
Apache Kafka is a popular distributed event streaming platform but the existing client libraries have various flaws, leading Platformatic to release a new one built around modern Node best practices. - https://blog.platformatic.dev/why-we-created-another-kafka-client-for-nodejs
#nodejs
Platformatic Blog
Why we created another Kafka client for Node.js
Discover our new Kafka client for Node.js, enhancing performance, developer experience, and TypeScript support for seamless integration.
Svelte 5 and the Future of Frameworks: A Chat with Rich Harris -https://www.smashingmagazine.com/2025/01/svelte-5-future-frameworks-chat-rich-harris/
#svelte
#svelte
Smashing Magazine
Svelte 5 And The Future Of Frameworks: A Chat With Rich Harris — Smashing Magazine
After months of anticipation, debate, and even a bit of apprehension, Svelte 5 arrived earlier this year. Frederick O’Brien caught up with its creator, Rich Harris, to talk about the path that brought him and his team here and what lies ahead.
Migrating a Project from Prettier and ESLint to Biome - https://blog.appsignal.com/2025/05/07/migrating-a-javascript-project-from-prettier-and-eslint-to-biomejs.html
#biomejs
#biomejs
Appsignal
Migrating A JavaScript Project from Prettier and ESLint to BiomeJS | AppSignal Blog
We'll introduce the BiomeJS project, set it up in a project, and help you decide if you should migrate from Prettier or ESLint to Biome.
Best VS Code Extensions for Vue.js and Nuxt Developers*
In this comprehensive guide, you’ll discover the best VS Code extensions for Vue.js and Nuxt developers. - https://vueschool.io/articles/vuejs-tutorials/best-vs-code-extensions-for-vue-js-and-nuxt-developers
#vue
In this comprehensive guide, you’ll discover the best VS Code extensions for Vue.js and Nuxt developers. - https://vueschool.io/articles/vuejs-tutorials/best-vs-code-extensions-for-vue-js-and-nuxt-developers
#vue
vueschool.io
Best VS Code Extensions for Vue.js and Nuxt Developers - Vue School Articles
Discover the best VS Code extensions for Vue.js and Nuxt developers to boost productivity and streamline debugging.
How to Use Rem Units in CSS for Accessible Design
Ever wonder how rem units work in CSS? This guide explains it clearly. It covers how rem (root em) units are based on the root element's font size, making scalable and accessible design easier. The author also compares rem with px and em, and provides practical examples for using rem in font sizing, media queries, and more. - https://www.a11y-collective.com/blog/what-is-rem-in-css
#css
Ever wonder how rem units work in CSS? This guide explains it clearly. It covers how rem (root em) units are based on the root element's font size, making scalable and accessible design easier. The author also compares rem with px and em, and provides practical examples for using rem in font sizing, media queries, and more. - https://www.a11y-collective.com/blog/what-is-rem-in-css
#css
The A11Y Collective
How to Use Rem Units in CSS for Accessible Design
Learn what rem units are, how they differ from other units, and how to apply them for optimal, scalable, and responsive designs.
How to Publish ESM-Based npm Packages with TypeScript
Now that you can use the ES modules (almost) everywhere, it’s worth understanding how to package them up for use with npm. Axel digs into everything you need to know and shares some useful tools too. - https://2ality.com/2025/02/typescript-esm-packages.html
#typescript
Now that you can use the ES modules (almost) everywhere, it’s worth understanding how to package them up for use with npm. Axel digs into everything you need to know and shares some useful tools too. - https://2ality.com/2025/02/typescript-esm-packages.html
#typescript
2Ality
Tutorial: publishing ESM-based npm packages with TypeScript
During the last two years, ESM support in TypeScript, Node.js and browsers has made a lot of progress. In this blog post, I explain my modern setup that is relatively simple – compared to what we had to do in the past:
Some React Design Patterns and Best Practices for 2025 - https://www.telerik.com/blogs/react-design-patterns-best-practices
#react
#react
Telerik Blogs
React Design Patterns and Best Practices for 2025
Let’s see React design patterns and best practices for 2025 so you can build more robust and maintainable applications.
Best Practices for Creating a Modern npm Package
A step-by-step “as of 2025” walkthrough of creating your own npm package using current best practices. We’ve linked to this before but it’s just been updated. - https://snyk.io/blog/best-practices-create-modern-npm-package/
#nodejs
A step-by-step “as of 2025” walkthrough of creating your own npm package using current best practices. We’ve linked to this before but it’s just been updated. - https://snyk.io/blog/best-practices-create-modern-npm-package/
#nodejs
Snyk
Best Practices for Creating a Modern npm Package with Security in Mind | Snyk
In this tutorial, we’re going to walk step by step through creating an npm package using modern best practices (as of 2022).
Conditional Properties in Vue.js
Passing either prop A or prop B but not both is a common use case - but not that easy to achieve in Vue.
In this video, you learn how. - https://www.youtube.com/watch?v=vyD5pYOa5mY
#vue
Passing either prop A or prop B but not both is a common use case - but not that easy to achieve in Vue.
In this video, you learn how. - https://www.youtube.com/watch?v=vyD5pYOa5mY
#vue
YouTube
Conditional Properties in Vue.js
Passing either prop A or prop B but not both is a common use case - but not that easy to achieve in Vue! In this video, you learn how 🙌
#vuejs3 #vue #typescript
---
Links and Resources
🔗 Conditional Properties Issue https://github.com/vuejs/core/issues/8952…
#vuejs3 #vue #typescript
---
Links and Resources
🔗 Conditional Properties Issue https://github.com/vuejs/core/issues/8952…
Modern Form Handling with Angular Signals and Reactive Forms
Harnessing the Power of Modern Angular for Efficient… - https://itnext.io/modern-form-handling-with-angular-signals-and-reactive-forms-bc8fd9480d14
#angular
Harnessing the Power of Modern Angular for Efficient… - https://itnext.io/modern-form-handling-with-angular-signals-and-reactive-forms-bc8fd9480d14
#angular
Medium
Modern Form Handling with Angular Signals and Reactive Forms
Harnessing the Power of Modern Angular for Efficient Form Handling
How to Migrate from Next.js to TanStack Start - https://tanstack.com/start/latest/docs/framework/react/migrate-from-next-js
#react
#react
Tanstack
Migrate from Next.js | TanStack Start React Docs
[!IMPORTANT] This guide is based on the upcoming work in the alpha branch of TanStack Start. We are actively working on exciting new features, and this guide will be updated soon. This guide provides...
How to use aria-current in Tailwind
In this brief tutorial, Chris shows how to style navigation links in Tailwind CSS when using the aria-current="page" attribute for accessibility. By extending the aria object in the Tailwind config file, Chris creates a custom style that underlines the current page link, making it visually different for sighted users while also ensuring screen readers can accurately identify the current page. - https://www.youtube.com/watch?v=910m7o1xdMA
#tailwind
In this brief tutorial, Chris shows how to style navigation links in Tailwind CSS when using the aria-current="page" attribute for accessibility. By extending the aria object in the Tailwind config file, Chris creates a custom style that underlines the current page link, making it visually different for sighted users while also ensuring screen readers can accurately identify the current page. - https://www.youtube.com/watch?v=910m7o1xdMA
#tailwind
YouTube
How to use aria-current in Tailwind
In short, update the config’s aria object and apply styles directly in Tailwind.
Join the early preview for my course! https://learnastro.dev
🔗 Key Links 🔗
- Githhub: https://github.com/coding-in-public/aria-font-astro
- aria-current: https://develope…
Join the early preview for my course! https://learnastro.dev
🔗 Key Links 🔗
- Githhub: https://github.com/coding-in-public/aria-font-astro
- aria-current: https://develope…