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

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