The box model and box sizing

Andy Bell gives a quick run-through of the box model and box sizing. - https://piccalil.li/blog/the-box-model-and-box-sizing

#css

Plugin Architecture

In one of my previous blog posts I have talked about Clean Frontend Architecture and have given an example on… - https://blog.stackademic.com/plugin-architecture-736e5ca81a1a

#microfrontend

CSS in React Server Components

An exploration of compatibility issues between React Server Components and CSS-in-JS libraries like styled-components, including what some of your options are and what’s coming in future. - https://www.joshwcomeau.com/react/css-in-rsc/

#react

Migrating 500+ Tests from Mocha to Node.js

A quick retrospective of how the Astro team migrated more than 500 test suites from Mocha to the Node.js test runner. - https://astro.build/blog/node-test-migration/

#nodejs

Advanced Enum Techniques in Angular TypeScript Projects: Elevating Code Clarity

Welcome to the second blog on ENUMS. In the first part, we explored the basics of enums in TypeScript and how… - https://medium.com/@ayushgrwl365/advanced-enum-techniques-in-angular-typescript-projects-elevating-code-clarity-6b0a654fa29d

#angular

6 advanced techniques of TypeScript

TypeScript dry goods: 6 advanced techniques to improve code quality - https://medium.com/@Choco23/6-advanced-techniques-of-typescript-e904fed992dc

#typescript

Vue Templates: Should They Start from the Top or the Bottom?

A question arises: "Some people and projects write SFCs differently, especially the order of template, script and style tags.”. This blog post shares an opinionated view on the best way to structure your Single File Components. - https://dev.to/mikinovation/vue-templates-should-they-start-from-the-top-or-the-bottom-30lc

#vue

Things That Can Break aspect-ratio in CSS

Chris Coyier outlines some cases where aspect-ratio property might give unexpected results. - https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css

#css

From 0 to Production - A Modern React Tutorial

I’d be surprised if you’re not familiar with Theo, but if not, let’s just say he’s a popular developer YouTuber 😉 He may become even more popular thank to this video which, over three hours, covers modern React app development, complete with server components, Next.js, TypeScript, the Drizzle ORM, pnpm, and shadcn/ui. - https://www.youtube.com/watch?v=d5x0JCZbAJs

#react

How to Implement Rate Limiting in Express.js

A practical walk through a simple setup. A viable option against certain bots and users, though not a universal solution for DDoS or determined attackers. - https://blog.appsignal.com/2024/04/03/how-to-implement-rate-limiting-in-express-for-nodejs.html

#nodejs

How to Use Vue Router: A Complete Tutorial

One of the most powerful features of modern single-page web applications (SPA) is routing. Vue Router is the official library for page navigation in Vue applications. This article will go over everything you need to know to use Vue Router comfortably. - https://vueschool.io/articles/vuejs-tutorials/how-to-use-vue-router-a-complete-tutorial/

#vue

A Comprehensive Guide to Angular’s Defer Block

With the latest control flow enhancements, Angular v17 introduces an impressive and highly beneficial… - https://netbasal.com/a-comprehensive-guide-to-angulars-defer-block-468c74048df4

#angular

Drawing a Line to Connect Elements with CSS Anchor Positioning

Silvestar Bistrović demonstrates how to utilize CSS Anchor Positioning to create an interesting and useful effect. - https://frontendmasters.com/blog/drawing-a-line-to-connect-elements-with-css-anchor-positioning

#css

Getting Your Codebase Ready for React 19

Is your app ready for what’s coming up in React 19’s release? A quick look at some of the anticipated changes so far. - https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19

#react

Using ES Modules with Dynamic Imports to Implement Micro Frontends

Using ES Modules for microfrontends is a great idea. By leveraging tools like Webpack and SystemJS we can… - https://blog.bitsrc.io/using-es-modules-with-dynamic-imports-to-implement-micro-frontends-7c840a38890e

#microfrontends

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