Architecture Modeling : C4 Model

What is the C4 Model? - https://lab.scub.net/architecture-modeling-c4-model-bd050c13964c

#architecture

7 Ways to Microfrontends in 2024

The microfrontend architecture has revolutionized how we think about building and scaling web applications… - https://javascript.plainenglish.io/7-ways-to-microfrontends-in-2024-9705e440da69

#microfrontends

Best Vue developer tools for 2024

Unlike monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. This article explores Vue’s ecosystem, some of it tools and libraries and how these tools make Vue a power house in creating sophisticated single-page applications (SPAs). - https://medium.com/simform-engineering/best-vue-developer-tools-for-2024-591d931b9666

#vue

The Undeniable Utility Of CSS :has

Joshua Comeau outlines some practical, real-world problems you can solve using :has(), and some wild experiments that might blow your mind. - https://www.joshwcomeau.com/css/has

#css

What's New in Express.js 5.0

We mentioned Express 5.0 and some of its new features recently, but here's a deeper look at what it has to offer. The updates are largely incremental, but set the stage for Express’s future. A few breaking changes necessitate the major version bump. - https://www.trevorlasn.com/blog/whats-new-in-express-5

#nodejs

How Infinite Queries Work

Infinite queries are React Query’s way to make “those doom-scrolling pages we all hate so much” as this author describes them. - https://tkdodo.eu/blog/how-infinite-queries-work

Build AI-Powered Angular Apps with Google Gemini

A step-by-step guide to integrating Google Gemini into your Angular applications. - https://medium.com/google-cloud/build-ai-powered-angular-apps-with-google-gemini-5bf5e905ca1d

#angular

React Loading Skeleton: Skeleton Screens that Adapt to Your App

Use the ‘skeleton’ component directly in your components in place of content that is still loading and it’ll adapt to the right size while the real data is on the way. - https://github.com/dvtng/react-loading-skeleton

#react

The simplicity of using Vue's reactivity system outside of Vue

Vue’s reactivity can be imported and used in JS outside of a Vue app, like in Node directly. - https://marchantweb.com/article/the-simplicity-of-using-vue's-reactivity-system-outside-of-vue

#vue

Core Web Vitals: Rank your websites higher on SEO

Core Web Vitals are metrics that Google uses to measure the user experience of a webpage. They are an important factor in search engine ranking - https://blog.codeparrot.ai/core-web-vitals-rank-your-websites-higher-on-seo-29a2e7cba49c

#webvitals

The Ultimate Guide to Font Performance Optimization

Anna Monus created a comprehensive guide to font performance optimization — a set of techniques that make fonts load faster and render more smoothly. - https://www.debugbear.com/blog/website-font-performance

#css

How to Create a Chrome Extension with React, TypeScript, Tailwind CSS and Vite

Covers everything you need to know right through to publishing in the Chrome Web Store. - https://www.luckymedia.dev/blog/how-to-create-a-chrome-extension-with-react-typescript-tailwindcss-and-vite-in-2024

#react

A Comprehensive Guide to Node.js Addons

If you’d rather stick with Node than use Bun’s newest feature to bring C/C++ etc. into JavaScript, writing your own addon remains a dependable approach. - https://mertcan.vercel.app/comprehensive-guide-to-nodejs-addons

#nodejs

Removing manual change detection calls from my Angular app

If you have read my previous articles about Angular change detection, you know what manual change detection… - https://itnext.io/removing-manual-change-detection-calls-from-my-angular-app-%EF%B8%8F-58dfa481deeb

#angular

Efficiently Managing Remote Data in Vue with Vue Query

Vue Query, inspired by React Query, provides powerful hooks for fetching, caching, and synchronizing server state in your Vue applications. - https://dev.to/alimetehrani/efficiently-managing-remote-data-in-vue-with-vue-query-192h

#vue

Can You Convert a Video to Pure CSS?

David G. embarked on a fascinating experiment to figure out if it’s possible to play a video as pure CSS. - https://dgerrells.com/blog/can-you-convert-a-video-to-pure-css

#css

Live Types in a TypeScript Monorepo

Several strategies to make a TypeScript monorepo feel more “alive” in the sense of the propagation of changes. - https://colinhacks.com/essays/live-types-typescript-monorepo

#typescript

Improving Code Reusability in Angular Projects

In this article, you’ll find recommendations on how to make your Angular components and services more reusable, maintainable, and scalable. - https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786

#angular

SPA Lazy Loading Pitfalls

A concise set of recommendations to address common problems with this widely used pattern. - https://reacttraining.com/blog/spa-lazy-loading-pitfalls

#react

Mastering the API Gateway: A Node.js Microservices Architecture Approach

In the ever-evolving world of software development, the rise of microservices architecture has revolutionized… - https://medium.com/@techsuneel99/mastering-the-api-gateway-a-node-js-microservices-architecture-approach-b37de52c4650

#nodejs