A Better Frontend Component Structure: Component Trees

As we create large applications, deducing how components are connected and interact becomes a challenge. In this article, the author provides a solution to easily avoid frontend component directories with high cognitive load. - https://betterprogramming.pub/a-better-frontend-component-structure-component-trees-5a99ed6d1ece

#vue

A Trip Report from the Latest Node.js Collaboration Summit

Twice a year, Node's collaborators and community members meet at collaboration summits to share knowledge, discuss problems, and flesh out new ideas. The last one took place in London earlier this month and featured discussion on Node’s HTTP stack, a new node --run feature, ES modules support, package management, and more. A good update! - https://nodejs.org/en/blog/events/collab-summit-2024-london

#nodejs

Should AVIF Be the Dominant Image Format on the Web?

Tim Severien explores how AVIF compares to competing image formats like JPEG and WebP. - https://tsev.dev/posts/2023-11-10-should-avif-be-the-dominant-image-format

#css

Building an Interactive 3D Event Badge with React Three Fiber

A tutorial fresh out of Vercel covering how they implemented the virtual lanyard for their Vercel Ship conference site. - https://vercel.com/blog/building-an-interactive-3d-event-badge-with-react-three-fiber

#react

Meet Angular’s New Control Flow

This November, we’ll release Angular version 17 with a number of new template features, including a new… - https://blog.angular.io/meet-angulars-new-control-flow-a02c6eee7843

#angular

Stateful Logic Reuse ft. Composables

Code reuse is arguably one of the most satisfying experiences of a developer's life. Since it leads to lesser code to manage. This blogpost provides insight into what the term "Stateful” means. - https://naumanzafar.dev/stateful-logic-reuse-ft-composables

#vue

Profiling Node Performance with Chrome's Performance Panel

Learn how to profile Node.js performance with the Performance panel in Chrome. - https://developer.chrome.com/docs/devtools/performance/nodejs

#nodejs

Evolution of Server-Side JavaScript

From Java-based runtimes to the rise of Node.js, the birth of NPM, the growing ecosystem, the innovating… - https://itnext.io/evolution-of-server-side-javascript-314a8d408da4

#server #side #javascript

How to Manifest Streamlined Authentication: AWS Cognito in a React App - https://evilmartians.com/chronicles/how-to-manifest-streamlined-authentication-aws-cognito-in-a-react-app

#react

The New CSS Math: rem() and mod()

Daniel C. Wilson shows how remainders and modulo CSS Math functions work. - https://danielcwilson.com/posts/mathematicss-rem-mod

#css

Angular: Clean Code with Strategy Pattern

Angular is a powerful JavaScript framework for building dynamic web applications. Angular provides wide… - https://medium.com/@sadmanjahin115/angular-clean-code-with-strategy-pattern-488239b5aec4

#angular

An Introduction to the Node.js Performance API

The perf_hooks module provides a subset of the W3C Web Performance APIs and additional APIs for Node-specific perf measurements. This guide shows how to use several of its features. - https://betterstack.com/community/guides/scaling-nodejs/performance-apis/

#nodejs

How to Migrate Large Applications Efficiently from Vue.js To Nuxt.js

This post guides you in migrating a Vue.js app to Nuxt.js, covering key topics for a smoother transition. Whether for SEO, performance, or improved workflows, gain valuable insights to make the process seamless. - https://blog.canopas.com/how-to-migrate-large-applications-efficiently-from-vue-js-to-nuxt-js-bdd9e41f82a1

#vue

The Problem with Micro Frontends

Don't carelessly buy into the hype - https://blog.stackademic.com/the-problem-with-micro-frontends-32c6b9597ba7

#microfrontends

Advanced Usage of Angular Dependency Injection

Code reuse and cross-component communication using Angular DI - https://medium.com/@eugeniyoz/advanced-usage-of-angular-dependency-injection-399d0a67a938

#angular

Did Signals Just Land in React  - https://thenewstack.io/did-signals-just-land-in-react/

#react

Modular CSS and different ways to structure your stylesheets

Chris Ferdinandi shares how to structure CSS and work with modular files if you’re not using a compiler like Sass. - https://gomakethings.com/modular-css-and-different-ways-to-structure-your-stylesheets

#css

The BEST way to proxy your API in Nuxt

Proxying routes to your back-end or third party APIs is a common practice! Over the last two years, various strategies came up in Nuxt. But not all of them work equally well. To figure out which two strategies are the recommended ones, in this video take a look at the four most common strategies, and their shortcomings. - https://www.youtube.com/watch?v=J4E5uYz5AY8

#vue

Building a CLI from Scratch with TypeScript and oclif

oclif is a mature CLI tool development framework maintained by Salesforce. This tutorial goes from zero to something that works. - https://www.joshcanhelp.com/oclif/

#nodejs

A Look at ECMAScript's Iterator Helper Methods

The proposal is several years old, but now at stage 3 in TC39, Iterator Helpers are being implemented and ship with V8 12.2/Chrome 122. The helpers are functions like .map, .filter, .take and .forEach and are made available to any object with Iterator.prototype in its prototype chain. - https://v8.dev/features/iterator-helpers

#javascript

Rethinking Reactivity in Angular

Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And… - https://blog.bitsrc.io/rethinking-reactivity-in-angular-3bbe69a5a173

#angular