Getting Started with NuxtUI

Discover how to leverage NuxtUI with Nuxt 3 and Composition API. Learn installation, customization, and theming in this guide for modern web development. - https://masteringnuxt.com/blog/getting-started-with-nuxtui

#vue

CSS box-decoration-break

Kilian Valkhof explains how to style elements that span multiple lines. - https://12daysofweb.dev/2024/css-box-decoration-break

#css

Object inputs are still dangerous, even with Angular signals - https://itnext.io/object-inputs-are-still-dangerous-even-with-angular-signals-9103a25d5e45

#angular

How to Document Software Architecture: Techniques and Best Practices

In software development, documentation is often… - https://lucamezzalira.medium.com/how-to-document-software-architecture-techniques-and-best-practices-2556b1915850

#architecture

React Router 7 Tutorial

An introductory tutorial in Robin’s typically accessible, easy to follow style. - https://www.robinwieruch.de/react-router/

#react

A Guide to Reading and Writing Node.js Streams

I'm not surprised to see this as our most popular link of the year. While streams are a long standing Node feature, they're commonly misunderstood, and Matteo did a good job of covering their benefits, use cases, and more. - https://blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams

#nodejs

CSS light-dark()

Mayank gives a nice introduction to light-dark(), a new CSS function that returns one of two color values based on the current color scheme. - https://12daysofweb.dev/2024/css-light-dark

#css

Why I Love Vue's Newest Feature

With the release of Vue 3.5, we got the ability to defer the mounting of a Teleport component. This goes crazy and unlocks some cool use cases - This video talks about how it works and what we can do with it. - https://www.youtube.com/watch?v=U74rtOCuB-k

#vue

Architecting Angular: Part 2 — Querying and Managing State with NgRx…

In Part 1 of this series, we established a solid… - https://itnext.io/architecting-angular-part-2-querying-and-managing-state-with-ngrx-signalstore-1c931ad309c4

#angular

What’s New for JavaScript Developers in ECMAScript 2024

High level analysis of developments in the ECMAScript spec, with insights from Ecma vice president Daniel Ehrenberg, TC39 co-chair Rob Palmer, and developer Ashley Claymore. A good, thorough roundup of the state of play. - https://thenewstack.io/whats-new-for-javascript-developers-in-ecmascript-2024/

#javascript

17 Tips from a Senior React Developer

17 tips I wish someone had shared with me when I was starting. - https://www.frontendjoy.com/p/17-tips-from-a-senior-react-developer

#react

The Node.js Best Practices List: 2024 Edition

An in-depth guide for Node developers that we link to most years. Divided into eight sections and updated regularly, it digs into areas from error handling and code style to Docker and security practices. - https://github.com/goldbergyoni/nodebestpractices

#nodejs

Performance Optimization Techniques for Vue.js Applications

Make your websites/apps fast with strategies like lazy loading, stable prop design, virtual lists, v-once and v-memo, plus more in this article from Daniel Kelly. - https://certificates.dev/blog/performance-optimization-techniques-for-vuejs-applications

#vue

The :empty pseudo-class in CSS

Chris Ferdinandi shares a quick tip showing when :empty pseudo-class can be helpful. - https://gomakethings.com/the-empty-pseudo-class-in-css

#css

Design Patterns — Decorator in Angular

Structural patterns describe ways to combine classes… - https://medium.com/design-patterns-decorator-in-angular/design-patterns-decorator-in-angular-7957bbdbfe06

#angular

Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers

Alexander Muzenhardt explains how to create accessible icon-only buttons. - https://htmhell.dev/adventcalendar/2024/27/

#screen #reader

Node.js Now Supports TypeScript By Default

It’s been possible to run TypeScript directly with Node.js since v22.6 introduced experimental ‘type stripping’ support, but in the to-be-released-at-any-moment Node 23.6 (or the current Node nightly) you’ll be able to run node yourapp.ts and it’ll Just Work™. Matt provides some details on how it works and what you’ll be able to do. - https://www.totaltypescript.com/typescript-is-coming-to-node-23

#nodejs

You Might Not Need a React Form Library

For simple forms, rolling your own validation could be easier. - https://www.robinwieruch.de/react-form-validation/

#react

Global State Management Options in Angular

In this post I want to run through the various state management options we now have available in Angular. - https://blog.stackademic.com/global-state-management-options-in-angular-c063214380d0

#angular

Composables vs. Renderless Components in Vue 3

Renderless components in React are components that do not render any UI elements. They are typically used to manage data, state, or side effects. This article looks into the concepts of Renderless components but in Vue.js. - https://medium.com/@moein.mirkiani/composables-vs-renderless-components-in-vue-3-1e7386d8182

#vue