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

Better Frontend Application Folder Structure — shared & isolated code…

A well-organized folder structure in applications is… - https://levelup.gitconnected.com/better-frontend-application-folder-structure-shared-isolated-code-components-views-routers-b155aef97b18

#frontend

Tackling the '1 Billion Row Challenge' with Node

The 1 Billion Row Challenge (1BRC) arose about a year ago to see how quickly different languages and techniques can be used to aggregate data from a 1 billion line text file. Here’s what one developer learnt trying to optimize the task with Node. - https://jackyef.com/posts/1brc-nodejs-learnings

#nodejs

A Dive into React 19: New Features, Improvements, and Best Practices - https://blog.alexcloudstar.com/a-deep-dive-into-react-19-new-features-improvements-and-best-practices

#react

How Micro-Frontends are reshaping Modern Web Architecture

Are you frustrated with slow deployment cycles… - https://lucamezzalira.medium.com/how-micro-frontends-are-reshaping-modern-web-architecture-0259ce7dfb7f

#microfrontends

How to Choose the Best Rendering Strategy for Your App

The differences between Static Site Generation (SSG), Server-Side Rendering (SSR), Client-Side Rendering (CSR), Incremental Static Regeneration (ISR), and Partial Prerendering (PPR). - https://vercel.com/blog/how-to-choose-the-best-rendering-strategy-for-your-app

#rendering #strategy

My Top 5 Tips for using Pinia

In this blogpost from the creator of Pinia, discover 5 exclusive tips for using Pinia in your Vue.js Application. - https://masteringpinia.com/blog/my-top-5-tips-for-using-pinia

#vue

Understanding Progressive Web Apps(PWA) with Angular: A Comprehensive Guide - https://mohanbyte.medium.com/mastering-progressive-web-apps-with-angular-a-comprehensive-guide-10fc221d9cd9

#angular

How to Migrate Your Existing Application to Micro Frontend Architecture

Transform Your Monolith: A Step-by-Step Guide to… - https://blog.bitsrc.io/how-to-migrate-your-existing-application-to-micro-frontend-architecture-4fff95fac979

#microfrontends

Node v23.5.0 (Current) Released

A Node release that slipped in just before 2024 ended. WebCryptoAPI’s Ed25519 and X25519 algorithms are now stable and on-thread hooks are now back. - https://nodejs.org/en/blog/release/v23.5.0

#nodejs

5 cool things you can do with Nuxt

Nuxt is loaded with a lot of standout features. From SSR to DX improvements. This article contains some of Nuxt’s awesome features and how they can transform you into a cool web developer. - https://masteringnuxt.com/blog/5-cool-things-you-can-do-with-nuxt

#vue

System Design Interview Question: Design Spotify

High-level overview of a System Design Interview… - https://levelup.gitconnected.com/system-design-interview-question-design-spotify-4a8a79697dda

#system #design