State of Vue.js Report 2025
Co-created with Evan You and the Vue and Nuxt Core Teams
10 years of growth.
16 case studies (GitLab, Storyblok & more).
1,400+ devs surveyed. - https://www.monterail.com/stateofvue
#vue
Co-created with Evan You and the Vue and Nuxt Core Teams
10 years of growth.
16 case studies (GitLab, Storyblok & more).
1,400+ devs surveyed. - https://www.monterail.com/stateofvue
#vue
Monterail
The State of Vue.js Report 2025 | Co-created with Vue & Nuxt Core Teams
Explore the fifth edition of the Vue.js report—exclusive developer data, real-world case studies, and unique insights. Your ultimate view on Vue.
❤3👍1
React.memo Demystified: When It Helps and When It Hurts
Memoization in React can be tricky. This post explains how React.memo, useMemo, and useCallback work, when they’re useful, and when they’re just making things harder. - https://cekrem.github.io/posts/react-memo-when-it-helps-when-it-hurts/
#react
Memoization in React can be tricky. This post explains how React.memo, useMemo, and useCallback work, when they’re useful, and when they’re just making things harder. - https://cekrem.github.io/posts/react-memo-when-it-helps-when-it-hurts/
#react
cekrem.github.io
React.memo Demystified: When It Helps and When It Hurts
A deep dive into React's memoization tools and the hidden pitfalls that make them harder to use than you think
❤5
Writing alt text with AI
Jared Cunha explains how LLMs can lower the burden of writing useful alt text for images, with the right prompting. - https://jaredcunha.com/blog/writing-alt-text-with-ai
#html #ai
Jared Cunha explains how LLMs can lower the burden of writing useful alt text for images, with the right prompting. - https://jaredcunha.com/blog/writing-alt-text-with-ai
#html #ai
Jared Cunha
Writing alt text with AI
LLMs can lower the burden of writing useful alt text for images, with the right prompting.
👍1
Angular 18 vs Angular 19: 7 Standout Features Every Developer Must Explore
Angular has been a cornerstone for web application… - https://readmedium.com/angular-18-vs-angular-19-7-standout-features-every-developer-must-explore-811f5d81913a
#angular
Angular has been a cornerstone for web application… - https://readmedium.com/angular-18-vs-angular-19-7-standout-features-every-developer-must-explore-811f5d81913a
#angular
Readmedium
Angular 18 vs Angular 19: 7 Standout Features Every Developer Must Explore
Angular has been a cornerstone for web application development. With Angular 19, it the developer experience, performance, and feature set…
👍1
Nest.js and Modular Architecture: Principles and Best Practices
Discover How to Better Organize Your Modules by… - https://levelup.gitconnected.com/nest-js-and-modular-architecture-principles-and-best-practices-806c2cb008d5
#nodejs
Discover How to Better Organize Your Modules by… - https://levelup.gitconnected.com/nest-js-and-modular-architecture-principles-and-best-practices-806c2cb008d5
#nodejs
Medium
Nest.js and Modular Architecture: Principles and Best Practices
Discover How to Better Organize Your Modules by Following 8 Architecture Guidelines
👍3
Introducing Motion for Vue
An animation library that's simple to start and fun to master, its unique hybrid engine combining the performance of hardware accelerated browser APIs with the limitless potential of JavaScript. - https://motion.dev/blog/introducing-motion-for-vue
#vue
An animation library that's simple to start and fun to master, its unique hybrid engine combining the performance of hardware accelerated browser APIs with the limitless potential of JavaScript. - https://motion.dev/blog/introducing-motion-for-vue
#vue
motion.dev
Introducing Motion for Vue - Motion Blog
Motion finally arrives on Vue, complete with variants, scroll, layout animations, and everything else you love from Framer Motion.
❤1👍1🔥1
RIP Styled-Components. Now What?
Styled-components are officially in maintenance mode. React’s API changes and the rise of tools like Tailwind CSS and Vanilla Extract have made it obsolete. If you’re still holding on, this post has a list of alternatives to help you move on. - https://fadamakis.com/rip-styled-components-now-what-a8717df86e86
#react
Styled-components are officially in maintenance mode. React’s API changes and the rise of tools like Tailwind CSS and Vanilla Extract have made it obsolete. If you’re still holding on, this post has a list of alternatives to help you move on. - https://fadamakis.com/rip-styled-components-now-what-a8717df86e86
#react
Medium
RIP Styled-Components. Now What?
Styled-components are officially in maintenance mode. No new features or major updates should be expected. Only critical bug fixes and…
👍3😢2😁1
:has() Is More Than a Parent Selector
Kevin Powell explores some creative ways to utilize :has() pseudo-class. - https://www.youtube.com/watch?v=cxSowU9sDdU
#css
Kevin Powell explores some creative ways to utilize :has() pseudo-class. - https://www.youtube.com/watch?v=cxSowU9sDdU
#css
YouTube
:has() is more than a parent selector
🔗 Links
✅ :has() browser support: https://caniuse.com/css-has
✅ :nth(of S) browser support: https://caniuse.com/css-nth-child-of
✉ Keep up to date with everything I'm up to https://www.kevinpowell.co/newsletter
💬 Come hang out with other devs in my Discord…
✅ :has() browser support: https://caniuse.com/css-has
✅ :nth(of S) browser support: https://caniuse.com/css-nth-child-of
✉ Keep up to date with everything I'm up to https://www.kevinpowell.co/newsletter
💬 Come hang out with other devs in my Discord…
👍1
Advanced Structural Design Patterns in Angular
As a Technical Architect specializing in UI… - https://readmedium.com/advanced-structural-design-patterns-in-angular-005d6339aad3
#angular
As a Technical Architect specializing in UI… - https://readmedium.com/advanced-structural-design-patterns-in-angular-005d6339aad3
#angular
Readmedium
Advanced Structural Design Patterns in Angular
As a Technical Architect specializing in UI development, understanding and implementing design patterns is crucial for building scalable…
👍2❤1
Node.js Moves Toward Stable TypeScript Support with Amaro 1.0
Amaro is Node’s official way to strip types out of TypeScript code so that Node can run it (though you can also use Amaro as a library, if you prefer). The 1.0 release is a key milestone on the way to moving TypeScript support in Node.js from experimental to stable in a release later this year. Sarah rounds up the entire story. - https://socket.dev/blog/node-js-moves-toward-stable-typescript-support-with-amaro-1-0
#nodejs
Amaro is Node’s official way to strip types out of TypeScript code so that Node can run it (though you can also use Amaro as a library, if you prefer). The 1.0 release is a key milestone on the way to moving TypeScript support in Node.js from experimental to stable in a release later this year. Sarah rounds up the entire story. - https://socket.dev/blog/node-js-moves-toward-stable-typescript-support-with-amaro-1-0
#nodejs
Socket
Node.js Moves Toward Stable TypeScript Support with Amaro 1....
Amaro 1.0 lays the groundwork for stable TypeScript support in Node.js, bringing official .ts loading closer to reality.
👍1
Build a Custom RAG AI Agent with TypeScript and Jupyter
Deno, Ollama, and a few different AI models come together in this tutorial for storing document embeddings in a vector store and querying them for use in a basic agent. - https://deno.com/blog/build-custom-rag-ai-agent
#ai
Deno, Ollama, and a few different AI models come together in this tutorial for storing document embeddings in a vector store and querying them for use in a basic agent. - https://deno.com/blog/build-custom-rag-ai-agent
#ai
Deno
Build a custom RAG AI agent in TypeScript and Jupyter | Deno
AI and LLMs are certainly useful assistive tools. But what if we need to train LLMs on confidential documents and materials? Here's how you can build your own custom RAG AI agent.
👍2❤1
The Gap Strikes Back: Now Stylable
Patrick Brosset explains how a new CSS feature enables you to style gap areas. - https://css-tricks.com/the-gap-strikes-back-now-stylable
#css
Patrick Brosset explains how a new CSS feature enables you to style gap areas. - https://css-tricks.com/the-gap-strikes-back-now-stylable
#css
CSS-Tricks
The Gap Strikes Back: Now Stylable | CSS-Tricks
Styling the space between layout items — the gap — has typically required some clever workarounds. But a new CSS feature changes all that with just a few simple CSS properties that make it easy, yet also flexible, to display styled separators between your…
👍1
Install Tailwind CSS 4 With Vue.js and Nuxt
Learn how to install Tailwind version 4 with a Vue project via the Tailwind Vite plugin.
Also learn how to install Tailwind CSS with a Nuxt project. - https://www.youtube.com/watch?v=Bzq1g_Cfp60
#vue
Learn how to install Tailwind version 4 with a Vue project via the Tailwind Vite plugin.
Also learn how to install Tailwind CSS with a Nuxt project. - https://www.youtube.com/watch?v=Bzq1g_Cfp60
#vue
YouTube
Install Tailwind CSS 4 With Vue.js and Nuxt
Learn how to install Tailwindcss version 4 with a Vue project via the tailwind Vite plugin. Also learn how to install Tailwind CSS with a Nuxt project. Both are straightforward and rely on the Vite plugin to do the heavy lifting.
Heads up, this is only an…
Heads up, this is only an…
❤1👍1
Figma MCP vs Claude: A UI Building Battle
Jack has a basic app view built in Figma and wants to turn it into working React code. What works best? Taking a screenshot and getting Claude Code to attempt to implement it, or use Figma’s own MCP server to do the work? - https://www.youtube.com/watch?v=uGp5kTPWaqY
#react
Jack has a basic app view built in Figma and wants to turn it into working React code. What works best? Taking a screenshot and getting Claude Code to attempt to implement it, or use Figma’s own MCP server to do the work? - https://www.youtube.com/watch?v=uGp5kTPWaqY
#react
YouTube
Figma MCP vs Claude: UI Building Battle!
Which is going to turn Figma into functioning React (on TanStack Start) better; Figma MCP or Claude Code?
00:00 Introduction
01:05 Letting Claude Cook
01:40 Setting Up Figma MCP
02:39 Using Figma MCP
03:02 How Claude Did
04:20 How Figma MCP Did
06:40 Figma…
00:00 Introduction
01:05 Letting Claude Cook
01:40 Setting Up Figma MCP
02:39 Using Figma MCP
03:02 How Claude Did
04:20 How Figma MCP Did
06:40 Figma…
❤2👍2
Training AI to Uncover Malicious JavaScript Intent and Make the Web Safer - https://blog.cloudflare.com/how-we-train-ai-to-uncover-malicious-javascript-intent-and-make-web-surfing-safer/
#ai
#ai
The Cloudflare Blog
How we train AI to uncover malicious JavaScript intent and make web surfing safer
Learn more about how Cloudflare developed an AI model to uncover malicious JavaScript intent using a Graph Neural Network, from pre-processing data to inferencing at scale.This AI model is part of our Page Shield offering, helping make web surfing safer.
👍1
Creating Snow Effect in Angular 18 Using Signals
Add a festive, lightweight snowfall animation to your… - https://readmedium.com/creating-snow-effect-in-angular-18-using-signals-2025-21ef0a40204e
#angular
Add a festive, lightweight snowfall animation to your… - https://readmedium.com/creating-snow-effect-in-angular-18-using-signals-2025-21ef0a40204e
#angular
Readmedium
Creating Snow Effect in Angular 18 Using Signals (2025)
Add a festive, lightweight snowfall animation to your Angular application using Angular 18’s reactive Signals API.
👍1
Using await at the Top Level in ES Modules
Top-level await is supported in all modern browsers and in Node.js (beyond v16) in .mjs files or .js files specified as modules. - https://allthingssmitty.com/2025/06/16/using-await-at-the-top-level-in-es-modules/
#nodejs
Top-level await is supported in all modern browsers and in Node.js (beyond v16) in .mjs files or .js files specified as modules. - https://allthingssmitty.com/2025/06/16/using-await-at-the-top-level-in-es-modules/
#nodejs
Allthingssmitty
Using await at the top level in ES modules - Matt Smith
Modern JavaScript is evolving. Learn how top-level 'await' works, where to use it, and when to avoid it in your modules.
👍1
Handling large lists efficiently in Vue 3
In this article, you’ll explore the best techniques to optimize large lists in Vue 3. - https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1
#vue
In this article, you’ll explore the best techniques to optimize large lists in Vue 3. - https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1
#vue
DEV Community
Handling large lists efficiently in Vue 3
Handling large lists in Vue 3 efficiently is crucial for maintaining smooth performance and a great...
❤4
Introducing Zustand for State Management
The ‘barebones’ state management solution Zustand is now mature, popular, and battle-tested, but if you’ve been waiting for a comprehensive introduction, this is for you. - https://frontendmasters.com/blog/introducing-zustand/
#react
The ‘barebones’ state management solution Zustand is now mature, popular, and battle-tested, but if you’ve been waiting for a comprehensive introduction, this is for you. - https://frontendmasters.com/blog/introducing-zustand/
#react
Frontend Masters
Introducing Zustand (State Management)
Zustand is a minimal, but fun and effective state management library. It’s somewhat weird for me to write an introductory blog post on a tool that’s over 5 years old and pretty popular. But it’s popular for a reason, and there are almost certainly more developers…
👍1
Custom Select (That Comes Up From the Bottom on Mobile)
Chris Coyier demonstrates how to create a beautiful and functional custom select. - https://frontendmasters.com/blog/custom-select-that-comes-up-from-the-bottom-on-mobile
#css
Chris Coyier demonstrates how to create a beautiful and functional custom select. - https://frontendmasters.com/blog/custom-select-that-comes-up-from-the-bottom-on-mobile
#css
Frontend Masters
Custom Select (that comes up from the bottom on mobile)
Custom <select> menus are a thing now, especially because they can be progressively enhanced into. Una has some great examples.
👍1