Headless Component: A Pattern for Composing React UIs

Posting on the Martin Fowler blog, an engineer at Atlassian takes us on a (very) practical journey into the concept of headless components and the pattern of having reusable logic and behavior separate from the presentation of UI elements. - https://martinfowler.com/articles/headless-component.html

#react

AbortController — Abort ongoing calls in Vue with Axios interceptor

This article introduces Axios Interceptor to help intercept requests or responses before they are handled by the then or catch methods. Read more to find out how to implement this in a Vue.js application. - https://medium.com/@rado.sabo/abortcontroller-abort-ongoing-calls-in-vue-with-axios-interceptor-584c9f0566a6

#vue

Mastering TypeScript: A Guide to Choosing Between ‘type’ and ‘interface’

Choosing between ‘type’ and ‘interface’ in TypeScript can be confusing, but understanding their differences… - https://levelup.gitconnected.com/mastering-typescript-a-guide-to-choosing-between-type-and-interface-c31d3527693b

#typescript

A Simple WebSocket Benchmark: Node vs Bun

Using as ‘textbook’ an example of WebSocket communication as possible, the author pits Node and Bun against each other. - https://lemire.me/blog/2023/11/25/a-simple-websocket-benchmark-in-javascript-node-js-versus-bun/

#nodejs

CSS Art Tutorial: Creating a simple Santa Claus

Eleftheria Batsou shows how to build an illustration of Santa Claus with HTML and CSS. - https://blog.eleftheriabatsou.com/css-art-creating-a-santa-claus

#css

How I structure my Angular applications - https://medium.com/@dimitarg.stoev/how-i-structure-my-angular-applications-d7d91a2da2e3

#angular

Hexagonal Architecture: Structure Example

Hexagonal Architecture, also known as Ports and Adapters Architecture, is a design pattern that promotes… - https://medium.com/@alessandro.traversi/hexagonal-architecture-structure-example-7ea1d998954e

#architecture

React Server Components, Without a Framework?

Could you use Server Components today without a full framework like Next.js in place? This practical investigation is very thorough, with plenty to enjoy and learn from. - https://timtech.blog/posts/react-server-components-rsc-no-framework/

#react

7 Best Tools for Vue.js Micro Frontends

Microfrontends have revolutionized the way web applications are built and maintained. In this article, explore seven popular tools for Vue.js microfrontends to help you decide the best tools to implement Vue.js microfrontends. - https://blog.bitsrc.io/best-7-tools-for-vuejs-microfrontends-ebd6f4345979

#vue

oklch() Retains Perceived Lightness for Different Hue Angles

Stefan Judis explains how the oklch() color function enables the use of the P3 color space and allows color manipulations that retain perceived lightness. - https://www.stefanjudis.com/today-i-learned/oklch-perceived-lightness

#css

A Recap of the Electron Ecosystem in 2023

The Electron project takes December off so now's a good time to look at recent developments. Electron 28 is the final release of the year and uses Chromium 120, Node 18.18.2, and V8 12.0, plus ES module support has been enabled. - https://www.electronjs.org/blog/ecosystem-2023-eoy-recap

#nodejs

Say Goodbye to Setters and Getters: Angular’s Transform Option for Input Values

Starting from Angular v16.1.0, a new helpful feature has been introduced to provide an alternative and easy… - https://netbasal.com/say-goodbye-to-setters-and-getters-angulars-transform-option-for-input-values-88fd9442dcad

#angular

JavaScript's New Array Grouping Methods

A look at Object.groupBy and Map.groupBy. The proposal including these methods is currently at stage 3 at TC39, but initial support is creeping into dev builds of browsers. - https://philna.sh/blog/2023/09/14/javascript-array-grouping-methods/

#javascript

How to Use Vue’s Routing System Like an Expert

The routing system in Vue is an essential tool for building modern and interactive web applications. It facilitates navigation between different views and components, contributing to a smooth and engaging user experience. In this article, you will delve into the world of Vue routing and learn how to use its routing system like an expert, making the most of this powerful feature. - https://medium.com/@dgongoragamboa/how-to-use-vues-routing-system-like-an-expert-c24058c99930

#vue

Why You Want Need React Query

Do you actually need React Query for ‘simple’ fetching of data from a server? Not if that’s purely how you look at it, but to handle the async state management that follows on from that fetching? Yes, it'll make your life a lot easier. See if Dominik convinces you. - https://tkdodo.eu/blog/why-you-want-react-query

#react

Role Based Access Control in Angular templates

Are you implementing Role Bases Access Control in Angular templates? One way to do it is via *ngIf, but I… - https://itnext.io/role-based-access-control-in-angular-templates-2eeca497855

#angular

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

I Replaced npm, yarn and nvm with pnpm

npm hasn’t been the only package manager in town for many years. - https://pawelgrzybek.com/i-replaced-npm-yarn-and-nvm-with-pnpm/

#nodejs

Handling Errors in Nuxt 3

Throwing and handling errors is important for making any app rock solid in production. This article explores errors you may face in building your Nuxt 3 application, and how you can handle these errors to make your application robust. - https://masteringnuxt.com/blog/handling-errors-in-nuxt3

#vue

Building a Drawer Component

Ready to move up from simply using other people’s components and start building your own? This case study by an experienced component developer (who created both Vaul and Sonner) could help you get into the right frame of mind. - https://emilkowal.ski/ui/building-a-drawer-component

#react