Fixing JavaScript observability, one library at a time
Sentry is adding TracingChannel support to 44 JavaScript libraries upstream, replacing fragile monkey-patching with native observability that works across all runtimes.
Abdelrahman's Blog
Code ramblings and out loud thoughts on Vue.js, TypeScript, GraphQL, and more.
Latest posts
The Curious Case of Vue's Function Props
A curious look at Vue's function props and their unexpected advantages over emits.
Wait for that tick
Learn how Vue's nextTick works, why DOM updates are batched, and how to avoid timing issues when working with refs and animations.
Falling With Style
Learn how Vue.js fall-through attributes work, when they're useful, and common pitfalls to avoid. Master class, style, and event handling in components.
Vue.js Magical Reactivity Has Some Quirks
Why does Vue's reactivity sometimes behave unexpectedly?!
Just Use useTemplateRef for Template Refs
Learn how to use useTemplateRef for easier template refs in Vue.js.
Getting Started With Provide/Inject In Vue.js
Explore what's beyond props and events with Vue's powerful Provide/Inject API.
Understanding Vue.js Directives
learn to create custom directives, and discover practical use cases and the best practices of using them in your projects.
Handling Async Components' loading errors
What happens when the component fails to load? Let's see how to handle this situation.
Fix Your Annoying Popups with the CloseWatcher API
Interesting new API to help us build better and more accessible UIs
Better Vue.js inputs with Generics: The Select
Creating better select inputs with generic types in Vue.js
Three ways to expose internal Vue components API
And when to use each one of them
Reducing component noise with Composition API
An approach to reducing a component wirings with the composition API
Juggling Vue.js Refs
Tips for building better Vue.js composable APIs
Building Pinia Stores from Composition API
Combine composition API functions with Pinia stores
Generically Typed Vue Components with Composition API
Another take on generic type Vue.js components
Making the most out of Vue.js Injections
Tips and tricks for optimizing and organizing the use of injections
Conditional Vue.js Compositions
Using conditions to optimize the coupling of your components and composable APIs
My 5 favorite Vue.js composables
Sharing with you the top composables I keep finding myself using over and over
Generically Typed Vue.js Components
How to create a TypeScript-generic Vue.js component
Invalidating Computed with The Composition API
How to invalidate computed properties with the composition API
Caching Vue Refs
Interesting cached ref variants implemented with Vue composition API
Type-safe Vue.js Injections
Making provide/inject type-safe
Language Aware Nuxt.js Routing
Localize your Nuxt.js route paths
Non-reactive Objects in Vue Composition API
Opting in for reactivity
The case for HOC vs The Composition API
Does the new composition API completely kills off HOCs?
Caching GraphQL Responses
There is a common misconception about caching GraphQL requests/responses, let's clear that up.
Implementing Dark mode with TailwindCSS
I decided to implement a "light-mode" for my website with tailwind and was surprised at how easy it was.
Announcing Villus - A tiny and fast GraphQL Client for Vue.js
A Vue 3.0 ready GraphQL client library with suspense support.
Off Main Thread Architecture with Vuex
Can Vue state management be done off the main thread?
Forcing Re-computation of Vue's computed properties
How to fine-tune computed properties and force computation on demand.
Cost Effective Serverless Nuxt.js
Deploying Nuxt.js apps on AWS Lambda
Getting More Out of Vue Async Components
Exploring more use-cases for async components beyond code-splitting
Resource-Adaptive Vue Apps
Adapting to the ever changing depletable resources of user devices
Stateful Functional Components
Stateless functional components with a state 😵
What does the Vue function API feel like
The new function component API has a lot of potential but how does it 'FEEL'.
HTML5 Aided Vue.js form validation
Form validation does not need a fancy library.