Using Activity with Suspenseful Data
Components hidden by React 19’s Activity will maintain their state while also unmounting their effects and continue to preload suspenseful data – here’s what makes that useful. - https://www.simeongriggs.dev/use-the-activity-boundary-to-hide-suspenseful-components
#react
Components hidden by React 19’s Activity will maintain their state while also unmounting their effects and continue to preload suspenseful data – here’s what makes that useful. - https://www.simeongriggs.dev/use-the-activity-boundary-to-hide-suspenseful-components
#react
www.simeongriggs.dev
Using Activity with Suspenseful data | simeonGriggs.dev
Components hidden by Activity will maintain their state while also unmounting their effects and continue to preload suspenseful data—here's what makes that useful.
👍1
Building Extensible Frontend Systems
Chris Ferdinandi shares some tips on building frontend systems—design systems, UI libraries, and so on—that can be easily extended for use cases and situations you didn’t plan for. - https://gomakethings.com/building-extensible-frontend-systems/
#css
Chris Ferdinandi shares some tips on building frontend systems—design systems, UI libraries, and so on—that can be easily extended for use cases and situations you didn’t plan for. - https://gomakethings.com/building-extensible-frontend-systems/
#css
gomakethings.com
Building extensible frontend systems
Today, I want to talk about how to build frontend systems—design systems, UI libraries, and so on—that can be easily extended for use cases and situations you didn’t plan for. Let’s dig in! tl;dr: Lots of “hooks” in the form of CSS variables, cascade layers…
👍2❤1⚡1
Installing Tailwind CSS v4 on Nuxt 3
In this article, you’ll learn how to install and configure Tailwind v4 in your Nuxt 3 project with a clear, step-by-step guide. - https://masteringnuxt.com/blog/installing-tailwind-css-v4-on-nuxt-3
#vue
In this article, you’ll learn how to install and configure Tailwind v4 in your Nuxt 3 project with a clear, step-by-step guide. - https://masteringnuxt.com/blog/installing-tailwind-css-v4-on-nuxt-3
#vue
Masteringnuxt
Installing Tailwind CSS v4 on Nuxt 3
Tailwind CSS v4 is here with a complete framework redesign, bringing enhanced performance and flexibility. In this article, you’ll learn how to install and configure Tailwind v4 in your Nuxt 3 project with a clear, step-by-step guide.
👍4❤2
Speeding Up the JavaScript Ecosystem: Semver
The latest in Marvin’s multi-year series of posts on optimizing heavily used parts of the JavaScript ecosystem: “During the installation process, package managers run a bunch of semver comparisons. The semver library used in npm, yarn and pnpm can be made around 33x faster.” - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-12/
#nodejs
The latest in Marvin’s multi-year series of posts on optimizing heavily used parts of the JavaScript ecosystem: “During the installation process, package managers run a bunch of semver comparisons. The semver library used in npm, yarn and pnpm can be made around 33x faster.” - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-12/
#nodejs
marvinh.dev
Speeding up the JavaScript ecosystem - Semver
During the installation process, package managers run a bunch of semver comparisons. The semver library used in npm, yarn and pnpm can be made around 33x faster.
👍1
A Guide to Styling React Components
A comparison of a few different approaches including styled components, CSS Modules, and Tailwind. - https://www.telerik.com/blogs/ultimate-guide-styling-react-components
#react
A comparison of a few different approaches including styled components, CSS Modules, and Tailwind. - https://www.telerik.com/blogs/ultimate-guide-styling-react-components
#react
Telerik Blogs
The Ultimate Guide to Styling React Components
React has many styling solutions to choose from. The right one will help you ship great UX while keeping your codebase maintainable and your team productive.
👍1🔥1
Image Optimization in Vue with Unpic
In this article, you'll learn how to use the @unpic/vue package to serve fast, responsive, lazy-loaded images in your Vue app with minimal effort. - https://dev.to/jacobandrewsky/image-optimization-in-vue-with-unpic-d9g
#vue
In this article, you'll learn how to use the @unpic/vue package to serve fast, responsive, lazy-loaded images in your Vue app with minimal effort. - https://dev.to/jacobandrewsky/image-optimization-in-vue-with-unpic-d9g
#vue
DEV Community
Image Optimization in Vue with Unpic
Optimizing images is one of the most impactful ways to improve web performance. In Vue applications,...
❤1👍1
A Gentle Introduction to Anchor Positioning
Saron Yitbarek gives a fantastic introduction to anchor positioning. - https://webkit.org/blog/17240/a-gentle-introduction-to-anchor-positioning
#css
Saron Yitbarek gives a fantastic introduction to anchor positioning. - https://webkit.org/blog/17240/a-gentle-introduction-to-anchor-positioning
#css
WebKit
A gentle introduction to anchor positioning
Anchor positioning allows you to place an element on the page based on where another element is.
👍1
A Major Supply Chain Attack Hits the npm Ecosystem
In July, Socket warned us about a phishing campaign targeting npm package publishers. Sadly, a prolific package author (among others, like DuckDB, who explain how the attack worked on them) fell victim to the scam, resulting in some popular packages becoming compromised - https://socket.dev/blog/npm-author-qix-compromised-in-major-supply-chain-attack
#nodejs
In July, Socket warned us about a phishing campaign targeting npm package publishers. Sadly, a prolific package author (among others, like DuckDB, who explain how the attack worked on them) fell victim to the scam, resulting in some popular packages becoming compromised - https://socket.dev/blog/npm-author-qix-compromised-in-major-supply-chain-attack
#nodejs
Socket
npm Author Qix Compromised via Phishing Email in Major Suppl...
npm author Qix’s account was compromised, with malicious versions of popular packages like chalk-template, color-convert, and strip-ansi published.
👍1
How To Use The Safari Developer Tools
Matt Zeunert provides a detailed guide to how to get started with the Safari Web Inspector and introduces some of its more advanced features. - https://www.debugbear.com/blog/safari-developer-tools
#devtools
Matt Zeunert provides a detailed guide to how to get started with the Safari Web Inspector and introduces some of its more advanced features. - https://www.debugbear.com/blog/safari-developer-tools
#devtools
Debugbear
How To Use The Safari Developer Tools | DebugBear
Learn how to use Safari's developer tools to debug your website on Mac OS and iOS.
👍3
All you need to know about Angular events: Top conferences and meetups
Are you an Angular enthusiast? Did you know that there’s a big Angular community that holds various events that bring fellow Angular enthusiasts together? Angular has a rising popularity amongst the most used frontend frameworks in IT. Angular brings new features twice a year in order to adapt to the improving technologies and to provide a better developer experience. With these rapid improvements, community events are a great way to catch up and learn together with other developers, regardless of level, and meet new people. With a growing community, right now, you can find various Angular events around the world. The events are in the form of conferences and meetups. - https://angular.love/all-you-need-to-know-about-angular-events-top-conferences-and-meetups
#angular
Are you an Angular enthusiast? Did you know that there’s a big Angular community that holds various events that bring fellow Angular enthusiasts together? Angular has a rising popularity amongst the most used frontend frameworks in IT. Angular brings new features twice a year in order to adapt to the improving technologies and to provide a better developer experience. With these rapid improvements, community events are a great way to catch up and learn together with other developers, regardless of level, and meet new people. With a growing community, right now, you can find various Angular events around the world. The events are in the form of conferences and meetups. - https://angular.love/all-you-need-to-know-about-angular-events-top-conferences-and-meetups
#angular
Angular.love
All you need to know about Angular events: Top conferences and meetups - Angular.love
Angular.love - a place for all Angular enthusiasts created to inspire and educate.
👍1
Better CSS layouts: Time.com Hero Section
Ahmad Shadeed explores how to rebuild and improve a popular layout sharing a number of handy tips along the way. - https://ishadeed.com/article/time-layout
#css
Ahmad Shadeed explores how to rebuild and improve a popular layout sharing a number of handy tips along the way. - https://ishadeed.com/article/time-layout
#css
Ishadeed
Better CSS layouts: Time.com Hero Section
Taking another look at Time.com hero section. Can we do better?
👍2
Roadmap to v4
The Nuxt team shares some exciting news about the roadmap to Nuxt 4, including a new timeline and what to expect in the next few weeks. - https://nuxt.com/blog/roadmap-v4
#vue
The Nuxt team shares some exciting news about the roadmap to Nuxt 4, including a new timeline and what to expect in the next few weeks. - https://nuxt.com/blog/roadmap-v4
#vue
Nuxt
Roadmap to v4 · Nuxt Blog
We have some exciting news about the roadmap to Nuxt 4, including a new timeline and what to expect in the next few weeks.
⚡2👍1🤨1
How PlayStation Optimized Performance and Revenue for Their Digital Store with GraphQL Federation
Curious how PlayStation supercharged their digital store? Dive into their GraphQL journey: unified APIs, slick performance, and a wishlist that wows. Peek behind the curtain of PS5’s slick experience! - https://www.apollographql.com/blog/how-playstation-optimized-performance-and-revenue-for-their-digital-store-with-graphql-federation
#graphql
Curious how PlayStation supercharged their digital store? Dive into their GraphQL journey: unified APIs, slick performance, and a wishlist that wows. Peek behind the curtain of PS5’s slick experience! - https://www.apollographql.com/blog/how-playstation-optimized-performance-and-revenue-for-their-digital-store-with-graphql-federation
#graphql
👍1
react-json-view-lite: Render JSON as a Tree
A lightweight component for visualizing JSON in a way that retains its basic formatting and JSON-ness but that lets you collapse or expand arrays and objects and see the structure more easily. - https://github.com/AnyRoad/react-json-view-lite
#react
A lightweight component for visualizing JSON in a way that retains its basic formatting and JSON-ness but that lets you collapse or expand arrays and objects and see the structure more easily. - https://github.com/AnyRoad/react-json-view-lite
#react
GitHub
GitHub - AnyRoad/react-json-view-lite: Lightweight Json view component for React
Lightweight Json view component for React. Contribute to AnyRoad/react-json-view-lite development by creating an account on GitHub.
👍1
Bringing Node HTTP Servers to Cloudflare Workers
A few weeks ago we linked to an item that noticed Cloudflare Workers' local dev tools had begun to support Express.js apps – now support has come to Workers proper, with support for node:http’s client and server APIs if you enable Node.js compatibility. - https://blog.cloudflare.com/bringing-node-js-http-servers-to-cloudflare-workers/
#nodejs
A few weeks ago we linked to an item that noticed Cloudflare Workers' local dev tools had begun to support Express.js apps – now support has come to Workers proper, with support for node:http’s client and server APIs if you enable Node.js compatibility. - https://blog.cloudflare.com/bringing-node-js-http-servers-to-cloudflare-workers/
#nodejs
The Cloudflare Blog
Bringing Node.js HTTP servers to Cloudflare Workers
We've implemented the node:http client and server APIs in Cloudflare Workers, allowing developers to migrate existing Node.js applications with minimal code changes. This post explains how we built a bridge between the Workers serverless environment and Node.js's…
👍3
Style Your Underlines
Jeremy Keith demonstrates different options you have to style link underlines. - https://adactio.com/journal/22084
#css
Jeremy Keith demonstrates different options you have to style link underlines. - https://adactio.com/journal/22084
#css
Adactio
Style your underlines
Make your links beautiful and accessible.
👍1
A Custom Opinionated Event Handler for Nuxt API Endpoints with Guards And Validation Support
Learn to create custom event handlers, advanced validation techniques with zod, and endpoints protection with guards. - https://vueschool.io/articles/vuejs-tutorials/a-custom-opinionated-event-handler-for-nuxt-api-endpoints-with-guards-and-validation-support
#vue
Learn to create custom event handlers, advanced validation techniques with zod, and endpoints protection with guards. - https://vueschool.io/articles/vuejs-tutorials/a-custom-opinionated-event-handler-for-nuxt-api-endpoints-with-guards-and-validation-support
#vue
vueschool.io
A Custom Opinionated Event Handler for Nuxt API Endpoints with Guards And Validation Support - Vue School Articles
Nuxt API endpoints are extremely useful! Boost your productivity with some handy conventions. Learn to create custom event handlers, advanced validation techniques with zod, and endpoints protection with guards.
❤2👍1
Why is inject() better than constructor?
The inject() function was introduced with Angular 14, as an alternative to declaration of dependencies via providers property and via passing them into the constructor. Nowadays it is widely preferred to use inject() instead of constructor. In this article we will discover the benefits that support the argument that using inject() is better and why you should use it. - https://angular.love/why-is-inject-better-than-constructor
#angular
The inject() function was introduced with Angular 14, as an alternative to declaration of dependencies via providers property and via passing them into the constructor. Nowadays it is widely preferred to use inject() instead of constructor. In this article we will discover the benefits that support the argument that using inject() is better and why you should use it. - https://angular.love/why-is-inject-better-than-constructor
#angular
Angular.love
Why is inject() better than constructor? - Angular.love
Angular.love - a place for all Angular enthusiasts created to inspire and educate.
👍1
UDP in Node.js: A Technical Guide - https://nodevibe.substack.com/p/udp-in-nodejs-deep-technical-guide
#nodejs
#nodejs
Substack
UDP in Node.js: deep technical guide
Links that I found useful this week:
👍4