A Better Way to Use Axios with Pinia Store for Handling API/HTTP Requests in Vue 3 Compositions API

In this article, grab an introduction to a robust solution utilizing Axios and the Pinia Store for seamless API integration within Vue 3 projects. - https://medium.com/@vijaydahiphale96/a-better-way-to-use-axios-with-pania-store-for-handling-api-http-requests-in-vue-3-compositions-api-91839ecb1801

#vue

Using React 19 with Both Vite and Then Next.js

The VP of Product at Vercel starts with a client-only React app using Vite and looks at how React 19 can make life better, before moving on to a Next.js example. - https://www.youtube.com/watch?v=AdkNcFUsRQQ

#react

10 TypeScript Tips and Tricks for Advanced Developers

For a beginner, TypeScript can be overwhelming at times. However, with the right tips and techniques, you can… - https://codegirljs.medium.com/10-typescript-tips-and-tricks-for-advanced-developers-25db6fe6aa72

#typescript

Moving from Express to Fastify

Express has outlasted a lot of change in the Node.js world and still forms the basis of most Web-facing Node apps. Nonetheless, there are other compelling options, and the Val Town platform shares its story of making the move to Fastify. - https://blog.val.town/blog/fastify/

#nodejs

Design Patterns in Angular - https://blog.devgenius.io/design-patterns-in-angular-212fcf468dce

#angular

Alternating Style Queries

Roman Komarov shows a neat technique of alternating between different backgrounds or themes on nested elements. - https://kizu.dev/alternating-style-queries

#css

useCallback versus useMemo

While superficially they may seem similar, in just 11 minutes we learn the differences and why referential equality is such an essential concept to grok. - https://www.youtube.com/watch?v=M8NaTJN8xh4

#react

Composing Layouts with Vue Router

Read more to find out how to use Vue Router's named views & route records to build organized & consistent webpages. Easily switch between views & create flexible & reusable layouts. Save time & effort! - https://vueschool.io/articles/vuejs-tutorials/composing-layouts-with-vue-router/

#vue

Building a Clean and Scalable Frontend Architecture

As the digital landscape continues to evolve, the importance of frontend architecture for web applications… - https://awstip.com/title-building-a-clean-and-scalable-frontend-architecture-f4fe1f814f68

#architecture

“Code Smells” in Angular

In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be… - https://blog.bitsrc.io/code-smells-in-angular-ce73bf7db072

#angular

pnpm 9.5 Introduces Catalogs

pnpm is a popular efficiency-focused npm alternative. A new Catalogs feature enables shareable dependency version specifiers, reducing merge conflicts and improving support for monorepos. - https://socket.dev/blog/pnpm-9-5-introduces-catalogs-shareable-dependency-version-specifiers

#nodejs

Handling The Indentation of a Treeview Component

Ahmad Shadeed offers some advice on handling indentation in treeview components. - https://ishadeed.com/article/tree-view-css-indent

#css

Removing Boilerplate Code from a Vite/Vue.js Multipage Website

This article explores reducing boilerplate code in a Vite/Vue.js multipage website by using a plugin to infer Rollup.js input configuration, thus eliminating the need to manually configure Vite for each page. - https://medium.com/@dwgray/removing-boilerplate-code-from-a-vite-vue-js-multipage-website-1e6c01910ce9

#vue

Path to a Clean(er) React Architecture: Domain Logic

The latest part of an ongoing series that takes a React code base with lots of bad practices and refactors it step-by-step. - https://profy.dev/article/react-architecture-domain-logic

#react

Feature flags in Angular

Dive into the world of Angular feature flags! Discover the flexibility they bring, empowering seamless… - https://medium.com/@iamjustin/feature-flags-in-angular-d50a2b8437fe

#angular

Vercel Enabling Streaming for All Node.js Vercel Functions - https://vercel.com/changelog/vercel-functions-to-enable-streaming-by-default

#nodejs

Time-Based CSS Animations

Yuan Chuan showcases a time-based way of animation using CSS Math functions. - https://yuanchuan.dev/time-based-css-animations

#css

Hexagonal Architecture: The Secret to Scalable and Maintainable Code for Modern…

Hexagonal architecture, also known as ports and adapters architecture, is an architectural pattern that aims… - https://romanglushach.medium.com/hexagonal-architecture-the-secret-to-scalable-and-maintainable-code-for-modern-software-d345fdb47347

#architecture

How to Deploy Your React App Using Container Registry

DigitalOcean’s commercial alternative to deploying React apps by creating a Docker image, pushing it to their Container Registry and then deploying it using one of their 'droplet' VMs. - https://www.digitalocean.com/community/developer-center/how-to-deploy-your-react-app-using-container-registry

#react

Typing Component Props in Vue 3

The article discusses typing component props in Vue 3, highlighting the benefits of using TypeScript with Vue 3 and the limitations of using the defineProps macro. The author advises careful consideration of these limitations when using TypeScript with Vue 3. - https://medium.com/@yuvalkarif3/typing-component-props-in-vue-3-e5fa365e3d75

#vue