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
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
Medium
A Better Way to Use Axios with Pania Store for Handling API/HTTP Requests in Vue 3 Compositions API
In this article, we introduce a robust solution utilizing Axios and the Pania Store for seamless API integration within Vue 3 projects…
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
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
YouTube
Using React 19 with Vite and Next.js
Learn about the latest features of React 19, like client and server actions, `useOptimistic`, and more. In this demo, we'll start with a client-only React application using Vite and walk through how React 19 simplifies your application logic and helps create…
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
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
Medium
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 harness the power of…
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
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
blog.val.town
Moving from express to fastify, pt 1
How switching to Fastify let us embrace runtime and compile-time types
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
Roman Komarov shows a neat technique of alternating between different backgrounds or themes on nested elements. - https://kizu.dev/alternating-style-queries
#css
kizu.dev
Alternating Style Queries
With the container style queries on the horizon, it is a good time to do more experiments with them. In one of my recent experiments, I found out that style queries will allow us to do what the currently specified (but not implemented by anyone) function…
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
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
YouTube
useCallback vs. useMemo
Want to hire a senior React developer? https://www.reactsquad.io/jan now!
If you’re expanding your team and need to hire React developers book your free discovery call today! 👉 https://www.reactsquad.io/schedule-a-call
----------------------------------…
If you’re expanding your team and need to hire React developers book your free discovery call today! 👉 https://www.reactsquad.io/schedule-a-call
----------------------------------…
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
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
vueschool.io
Composing Layouts with Vue Router - Vue School Articles
Learn how to use Vue Router's named views to compose layouts via route record definitions. The approach makes for flexible, reusable layout combinations.
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
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
Medium
Building a Clean and Scalable Frontend Architecture
Digital and technological development continues unstoppable, so, if we talk about the design of web applications, we cannot lose sight of…
“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
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
Medium
What are Code Smells in Angular?
In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be followed in order to positively…
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
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
Socket
pnpm 9.5 Introduces Catalogs: Shareable Dependency Version Specifiers - Socket
pnpm 9.5 introduces a Catalogs feature, enabling shareable dependency version specifiers, reducing merge conflicts and improving support for monorepos...
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
Ahmad Shadeed offers some advice on handling indentation in treeview components. - https://ishadeed.com/article/tree-view-css-indent
#css
Ishadeed
Handling The Indentation of a Treeview Component
Exploring different ways to handle the indentation of a treeview component.
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
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
Medium
Removing Boilerplate Code from a Vite/Vue.js Multipage Website
I have an allergy to duplicate code that significantly predates Hunt and Thomas’s formalization of the DRY principle. This includes…
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
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
profy.dev
Path To A Clean(er) React Architecture (Part 7) - Domain Logic
Ever wondered where to put all the small functions that often end up in utility files? The domain layer might be the answer.
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
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
Medium
Feature flags in Angular
Dive into the world of Angular feature flags! Discover the flexibility they bring, empowering seamless releases and agile development.
Vercel Enabling Streaming for All Node.js Vercel Functions - https://vercel.com/changelog/vercel-functions-to-enable-streaming-by-default
#nodejs
#nodejs
Vercel
Streaming to be enabled by default for all Node.js Vercel Functions - Vercel
The best way to deploy your Next.js site.
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
Yuan Chuan showcases a time-based way of animation using CSS Math functions. - https://yuanchuan.dev/time-based-css-animations
#css
yuanchuan.dev
Time-based CSS Animations
In my earlier post Time Uniform For CSS Animation,
I took a note about a way to do CSS animations with time ticks instead of keyframes.
It was limited applicable because CSS lacked the ability of doing complex Math calculations.
After years…
I took a note about a way to do CSS animations with time ticks instead of keyframes.
It was limited applicable because CSS lacked the ability of doing complex Math calculations.
After years…
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
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
Medium
Hexagonal Architecture: The Secret to Scalable and Maintainable Code for Modern Software
Hexagonal architecture, also known as ports and adapters architecture, is an architectural pattern that aims to create loosely coupled…
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
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
Digitalocean
How to deploy your React app using Container Registry | DigitalOcean
Technical tutorials, Q&A, events — This is an inclusive place where developers can find or lend support and discover new ways to contribute to the community.
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
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
Medium
Typing Component Props in Vue 3
Vue 3 has significantly expanded its capabilities, Recently I’ve been using solely the Composition API alongside Typescript for developing…