Abdelrahman's Blog

Sentry is adding TracingChannel support to 44 JavaScript libraries upstream, replacing fragile monkey-patching with native observability that works across all runtimes.

A curious look at Vue's function props and their unexpected advantages over emits.

Learn how Vue's nextTick works, why DOM updates are batched, and how to avoid timing issues when working with refs and animations.

Why does Vue's reactivity sometimes behave unexpectedly?!

Learn how Vue.js fall-through attributes work, when they're useful, and common pitfalls to avoid.

Learn how to use useTemplateRef for easier template refs in Vue.js.

Explore what's beyond props and events with Vue's powerful Provide/Inject API.

learn to create custom directives, and discover practical use cases and the best practices of using them in your projects.

What happens when the component fails to load?

Interesting new API to help us build better and more accessible UIs

Creating better select inputs with generic types in Vue.js

And when to use each one of them

An approach to reducing a component wirings with the composition API

Tips for building better Vue.js composable APIs

Combine composition API functions with Pinia stores

Another take on generic type Vue.js components

Tips and tricks for optimizing and organizing the use of injections

Using conditions to optimize the coupling of your components and composable APIs

Sharing with you the top composables I keep finding myself using over and over

How to create a TypeScript-generic Vue.js component

How to invalidate computed properties with the composition API

Interesting cached ref variants implemented with Vue composition API

Making provide/inject type-safe

Localize your Nuxt.js route paths

Opting in for reactivity

Does the new composition API completely kills off HOCs?

There is a common misconception about caching GraphQL requests/responses, let's clear that up.

I decided to implement a "light-mode" for my website with tailwind and was surprised at how easy it was.

A Vue 3.0 ready GraphQL client library with suspense support.

Can Vue state management be done off the main thread?

How to fine-tune computed properties and force computation on demand.

Deploying Nuxt.js apps on AWS Lambda

Exploring more use-cases for async components beyond code-splitting

Adapting to the ever changing depletable resources of user devices

Stateless functional components with a state 😵

The new function component API has a lot of potential but how does it 'FEEL'.

Form validation does not need a fancy library.