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…
👍2
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👍1
How to use readonly with Angular and Signals
A few days ago, I was teaching Angular, and people… - https://blog.angulartraining.com/how-to-use-readonly-with-angular-and-signals-82c13f5f39a7
#angular
A few days ago, I was teaching Angular, and people… - https://blog.angulartraining.com/how-to-use-readonly-with-angular-and-signals-82c13f5f39a7
#angular
Medium
How to use readonly with Angular and Signals
A few days ago, I was teaching Angular, and people asked me why I was doing this with my signals inside Angular services:
👍1
The Best JavaScript Web Scraping Libraries
A few options to consider including Crawlee, Cheerio, and using browsers from Node. - https://blog.apify.com/best-javascript-web-scraping-libraries/
#nodejs
A few options to consider including Crawlee, Cheerio, and using browsers from Node. - https://blog.apify.com/best-javascript-web-scraping-libraries/
#nodejs
Apify Blog
The best JavaScript web scraping libraries in 2025
We've been scraping with JS for a decade. This selection of 5 libraries is informed by our experience of using them.
👍1
Lazy Load Background Images with the IntersectionObserver API - https://www.debugbear.com/blog/lazy-load-background-images-intersection-observer
#javascript
#javascript
Debugbear
Lazy Load Background Images with the IntersectionObserver API | DebugBear
The IntersectionObserver API is a performance-friendly browser API that allows you to lazy load background images asynchronously, outside of the main thread. This tutorial looks into how to implement it using HTML, CSS, and JavaScript.
👍2
CSS Intelligence: Speculating On The Future Of A Smarter Language
Gabriel Shoyombo explores how smart CSS has become over the years, where it is heading, the challenges it addresses, whether it is becoming too complex, and how developers are reacting to this shift. - https://www.smashingmagazine.com/2025/07/css-intelligence-speculating-future-smarter-language
#css
Gabriel Shoyombo explores how smart CSS has become over the years, where it is heading, the challenges it addresses, whether it is becoming too complex, and how developers are reacting to this shift. - https://www.smashingmagazine.com/2025/07/css-intelligence-speculating-future-smarter-language
#css
Smashing Magazine
CSS Intelligence: Speculating On The Future Of A Smarter Language — Smashing Magazine
CSS has evolved from a purely presentational language into one with growing logical powers — thanks to features like container queries, relational pseudo-classes, and the `if()` function. Is it still just for styling, or is it becoming something more? Gabriel…
❤1👍1
Vue 3 Really Doesn’t Need Pinia
The article argues that Vue 3's built-in features make external state libraries like Pinia unnecessary, especially when using the Composition API. - https://blog.stackademic.com/vue3-really-doesnt-need-pinia-1203b405cb33
#vue
The article argues that Vue 3's built-in features make external state libraries like Pinia unnecessary, especially when using the Composition API. - https://blog.stackademic.com/vue3-really-doesnt-need-pinia-1203b405cb33
#vue
Medium
Vue3 Really Doesn’t Need Pinia!!!
My article is open to everyone; non-member readers can click this link to read the full text.
👍3
React Router and React Server Components: The Path Forward
Find out what’s coming up for you if you’re a React Router user keen to work with React Server Components: “the implications are greater than you might expect.” - https://remix.run/blog/react-router-and-react-server-components
#react
Find out what’s coming up for you if you’re a React Router user keen to work with React Server Components: “the implications are greater than you might expect.” - https://remix.run/blog/react-router-and-react-server-components
#react
remix.run
React Router and React Server Components: The Path Forward
React Router's RSC support is more than just a new feature. It's a major architectural shift that makes it a much more powerful library while also making Framework Mode less coupled to any particular bundler.
👍1