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
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
GitHub
GitHub - goldbergyoni/nodebestpractices: :white_check_mark: The Node.js best practices list (July 2024)
:white_check_mark: The Node.js best practices list (July 2024) - goldbergyoni/nodebestpractices
👍5
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
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
certificates.dev
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!
👍3
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
Chris Ferdinandi shares a quick tip showing when :empty pseudo-class can be helpful. - https://gomakethings.com/the-empty-pseudo-class-in-css
#css
Gomakethings
The :empty pseudo-class in CSS
One of my favorite not-so-new aspects of CSS is the :empty pseudo-class.
You can use this to target elements that have no children—either child elements or whitespace and text nodes—and style them differently than they would be otherwise.
For example, imagine…
You can use this to target elements that have no children—either child elements or whitespace and text nodes—and style them differently than they would be otherwise.
For example, imagine…
👍2
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
Structural patterns describe ways to combine classes… - https://medium.com/design-patterns-decorator-in-angular/design-patterns-decorator-in-angular-7957bbdbfe06
#angular
Medium
Design Pattern — Decorator in Angular
Design Pattern — Decorator in Angular
👍3
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
Alexander Muzenhardt explains how to create accessible icon-only buttons. - https://htmhell.dev/adventcalendar/2024/27/
#screen #reader
Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers - HTMHell
A collection of bad practices in HTML, copied from real websites.
👍2❤1
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
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
Total TypeScript
Node.js Now Supports TypeScript By Default
TypeScript is coming to Node 23. Let's break down what that means.
👍6❤1
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
For simple forms, rolling your own validation could be easier. - https://www.robinwieruch.de/react-form-validation/
#react
www.robinwieruch.de
React Form Validation
How to validate forms in React without a form library on the server and the client ...
👍3
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
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
Medium
Global State Management Options in Angular
Photo by Kyle Glenn on Unsplash
👍2
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
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
Medium
Composables vs. Renderless Components in Vue 3
A couple of weeks ago, I saw an example of a renderless component in React, then I thought does this also work in Vue? In this post, I’ll…
👍2
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
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
Medium
Better Frontend Application Folder Structure — shared & isolated code, components, views, routers, styles and other cool things
A well-organized folder structure in applications is always a challenge and we want it to be PERFECT when starting every new big project…
👍2
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
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
Jackyef
1-billion row challenge with Node.js
5 minutes to 11 seconds with Node.js is possible?
🔥4👍1
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
#react
Alex Cloudstar's Stories
A Deep Dive into React 19: New Features, Improvements, and Best Practi
Explore React 19's powerful features like the Actions API, new hooks, Server Components, enhanced hydration, and more for optimized web development
👍1
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
Are you frustrated with slow deployment cycles… - https://lucamezzalira.medium.com/how-micro-frontends-are-reshaping-modern-web-architecture-0259ce7dfb7f
#microfrontends
Medium
How Micro-Frontends are reshaping Modern Web Architecture
Are you frustrated with slow deployment cycles, tightly coupled dependencies, and the cumbersome nature of managing monolithic front-end…
👍4
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
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
Vercel
How to choose the best rendering strategy for your app - Vercel
Demystify Next.js rendering strategies: SSG, SSR, CSR, ISR, and PPR. Optimize your web apps for performance, SEO, and user experience. Learn when and how to use each approach with real-world examples and practical tips for modern web development.
👍5
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
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
Masteringpinia
My Top 5 Tips for using Pinia
The Top 5 Tips for using Pinia by Eduardo San Martin Morote, the author of Pinia himself
👍4
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
#angular
Medium
Understanding Progressive Web Apps with Angular: A Comprehensive Guide
Progressive Web Apps are web applications that work seemlessly and provide the same user experience independent of user device and network…
👍4
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
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
Medium
How to Migrate Your Existing Application to Micro Frontend Architecture
Transform Your Monolith: A Step-by-Step Guide to Adopting Micro-Frontend Architecture
👍4
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
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
nodejs.org
Node.js — Node v23.5.0 (Current)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
👍6
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
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
Masteringnuxt
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.
👍4
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
High-level overview of a System Design Interview… - https://levelup.gitconnected.com/system-design-interview-question-design-spotify-4a8a79697dda
#system #design
Medium
System Design Interview Question: Design Spotify
High-level overview of a System Design Interview Question - Design Spotify.
👍2