Solving Prop Drilling in Vue: Modern State Management Strategies
Eliminate prop drilling in Vue apps using Composition API, Provide/Inject, and Pinia.
Learn when to use each approach with practical examples. - https://alexop.dev/posts/solving-prop-drilling-in-vue/
#vue
Eliminate prop drilling in Vue apps using Composition API, Provide/Inject, and Pinia.
Learn when to use each approach with practical examples. - https://alexop.dev/posts/solving-prop-drilling-in-vue/
#vue
alexop.dev
Solving Prop Drilling in Vue: Modern State Management Strategies | alexop.dev
Eliminate prop drilling in Vue apps using Composition API, Provide/Inject, and Pinia. Learn when to use each approach with practical examples.
Why Does RSC Integrate with a Bundler?
is a deep, technical post into why and how bundlers are used to coordinate the client/server concerns of RSC code. - https://overreacted.io/why-does-rsc-integrate-with-a-bundler/
#react
is a deep, technical post into why and how bundlers are used to coordinate the client/server concerns of RSC code. - https://overreacted.io/why-does-rsc-integrate-with-a-bundler/
#react
overreacted.io
Why Does RSC Integrate with a Bundler? — overreacted
One does not simply serialize a module.
npm Targeted by Malware Campaign Mimicking Familiar Library Names - https://socket.dev/blog/npm-targeted-by-malware-campaign-mimicking-familiar-library-names
#nodejs
#nodejs
Socket
NPM targeted by malware campaign mimicking familiar library...
Socket uncovered npm malware campaign mimicking popular Node.js libraries and packages from other ecosystems; packages steal data and execute remote c...
CSS Boilerplate
A default CSS structure for projects of any size by Manuel Matuzović. - https://fokus.dev/tools/css-boilerplate
#css
A default CSS structure for projects of any size by Manuel Matuzović. - https://fokus.dev/tools/css-boilerplate
#css
fokus.dev
CSS boilerplate | fokus
UA+ (User agent plus), a different type of reset style sheet
Exciting Nuxt Modules to improve your Workflow in 2025
From automated image optimization to edge deployment, learn how these game-changing tools can streamline your workflow. - https://masteringnuxt.com/blog/exciting-nuxt-modules-to-improve-your-workflow-in-2025
#vue
From automated image optimization to edge deployment, learn how these game-changing tools can streamline your workflow. - https://masteringnuxt.com/blog/exciting-nuxt-modules-to-improve-your-workflow-in-2025
#vue
Masteringnuxt
Exciting Nuxt Modules to improve your Workflow in 2025
Level up your Nuxt development in 2025 with these impactful modules. From automated image optimization to edge deployment, learn how these game-changing tools can streamline your workflow
Introducing Mentoss: The fetch Mocker
A new approach to mocking global fetch() calls (in both browsers and server-side runtimes) inspired by previous attempts like Nock and MSW. - https://humanwhocodes.com/blog/2025/01/introducing-mentoss-fetch-mocker/
#javascript
A new approach to mocking global fetch() calls (in both browsers and server-side runtimes) inspired by previous attempts like Nock and MSW. - https://humanwhocodes.com/blog/2025/01/introducing-mentoss-fetch-mocker/
#javascript
Humanwhocodes
Introducing Mentoss: The fetch mocker - Human Who Codes
A new approach to mocking global fetch() calls that works in both browsers and server-side runtimes.
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.