The CSS if() function: Conditional styling will never be the same

Ikeh Akinyemi investigates how the if() function works, shares some practical examples, and compares it to existing CSS conditional techniques. - https://blog.logrocket.com/css-if-function-conditional-styling

#css

react-window 2.0: Render Large Lists of Data Quickly

A component library for rendering large lists of data quickly and without the performance problems that often go along with that. There are several examples to check out, and React 18 is now required.  - https://react-window.vercel.app/

#react

Angular Performance Optimization Techniques You Haven’t Tried Yet

When I first started working with Angular five years… - https://blog.cubed.run/angular-performance-optimization-techniques-you-havent-tried-yet-6d8d35359bbe

#angular

Render functions in Vue

In this article, you'll explore what render functions are, when to use them, and how to write them using both the traditional h() function and the newer JSX syntax. - https://dev.to/jacobandrewsky/render-functions-in-vue-4a2g

#vue

How We Migrated Our Rush.js Monorepo to Node Type Stripping

Since v23.6 (and in LTS since v22.18.0), Node has supported running (most) TypeScript code by stripping the types out first. The Calm team was excited about the potential for improving productivity and DX, and set a migration in process. Here’s a look at the challenges encountered and what the end results were - https://blog.calm.com/engineering/how-we-migrated-our-rushjs-monorepo-to-node-type-stripping

#nodejs

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

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

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

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

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

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

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

Deriving Client State from Server State - https://tkdodo.eu/blog/deriving-client-state-from-server-state

#react

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

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

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

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

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

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

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

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