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

Angular Reactive Forms: Tips and Tricks - https://netbasal.com/angular-reactive-forms-tips-and-tricks-bb0c85400b58

#angular

Resource optimization in Node.js

How to boost your NodeJS applications’ performance through smarter resource sharing and caching - https://medium.com/pipedrive-engineering/resource-optimization-in-node-js-c90c731f9df4

#nodejs

Introducing Atomic Design in Vue.js

Atomic Design is a methodology for creating design systems that breaks down user interfaces into small, reusable components, This blogpost uses a simplify approach to explore how to implement Atomic Design in Vue.js with only HTML. - https://dev.to/berryjam/introducing-atomic-design-in-vuejs-1l2h

#vue

A Few Ways CSS Is Easier To Write In 2023

Geoff Graham explores the ways “modern” CSS in 2023 has actually made CSS “easier” to write. - https://www.smashingmagazine.com/2023/11/few-ways-css-easier-write-2023

#css

Moving Back to React

Preact felt like a logical, lightweight choice to this team at one time, but they’ve switched to React for better compatibility with Next.js, among other things. Their page weight is up slightly, but they feel the tradeoff is worth it. - https://daily.dev/blog/moving-back-to-react

#react

How to unit test an Angular pipe?

This tutorial is for people new to unit testing with Angular. We will start with unit tests for a pipe… - https://blog.angulartraining.com/how-to-unit-test-an-angular-pipe-eb5cacb018cc

#angular

Node.js Configurations Masterclass

Well-known Node developer and TSC member Matteo looks at the phenomenon of so much Node code depending on the value of environment variables and the role that secret management can play in building robust, secure apps. - https://www.youtube.com/watch?v=kVnh_tNYqxk

#nodejs

Creating Accessible UI Animations

Oriana García explains how her team tackled the challenge of balancing animation and accessibility by creating guiding principles for applying animation to user interfaces and incorporating them into the team’s design system. - https://www.smashingmagazine.com/2023/11/creating-accessible-ui-animations/

#css