A Deep Dive into JavaScript's Proxy and Reflect API
A look into how JavaScript's Proxy and Reflect APIs work together to intercept and redefine object behaviour, including practical use cases and common patterns.
Articles
Vue.js
Vue.js is a progressive JavaScript framework designed for building user interfaces. It is often praised for its simplicity and flexibility, offering an approachable learning curve whilst still being powerful enough for complex applications. Vue adopts a reactive data model and a component‑based architecture, making it a popular choice for developers who want a balance between performance and ease of use.
Below you will find a subset of articles from my blog specifically about Vue.js. This is an area I have worked with for many years, and it has been a regular subject in my writing. There are sixteen articles collected together for you below.
A Deep Dive into JavaScript's Proxy and Reflect API. A Deep Dive into JavaScript's
State Management in Vue: Vuex vs. Pinia. State Management in Vue: Vuex vs. Pinia
Vuex vs. Pinia explained with real trade‑offs, including API design, TypeScript ergonomics, migration paths, and when each choice still makes sense.
Testing Vue Components with Vue Test Utils. Testing Vue Components with Vue Test Utils
How to test Vue components with Vue Test Utils using realistic interactions, focused assertions, better test boundaries, and less brittle design.
Best Practices for Vue Router in Large Applications. Best Practices for Vue Router in Large Applications
Managing routes in large Vue applications can become challenging. Here, I share practical best practices for structuring Vue Router to keep apps organised.
Implementing Server‑Side Rendering (SSR) in Vue. Implementing Server‑Side Rendering (SSR) in Vue
How to implement server‑side rendering in Vue, with a clearer mental model for hydration, data loading, caching, and where SSR actually pays off.
Creating Custom Vue Directives for Enhanced Functionality. Creating Custom Vue Directives for Enhanced Functionality
How to create custom Vue directives for DOM‑level behaviour, without reaching for them when a component, prop, or composable would do better in real interfaces.
Building a Custom Vue 3 Hook Using the Composition API. Building a Custom Vue 3 Hook Using the Composition API
Build a reusable Vue 3 composable with the Composition API, covering side effects, useOutsideClick, browser boundaries, typing, and testability well.
Vue's provide/inject API: When and How to Use It. Vue's
provide/injectAPI: When and How to Use ItWhen Vue provide/inject is the right tool, how to keep it reactive, and where it fits better than props or a full store in larger component trees.
Vue 3 Reactivity: Proxies vs. Vue 2 Reactivity. Vue 3 Reactivity: Proxies vs. Vue 2 Reactivity
Vue 3 replaces Vue 2's getters and setters with JavaScript proxies. This article explains how they differ and why proxies improve Vue's reactivity system.
Optimising Vue.js Performance with Lazy Loading and Code Splitting. Optimising Vue.js Performance with Lazy Loading and Code Splitting
Optimise Vue.js performance with lazy loading and code splitting, covering route‑level chunks, async components, bundle strategy, measurement, and UX.
Using Vue's Suspense for Asynchronous Components. Using Vue's Suspense for Asynchronous Components
How Vue Suspense handles async components and loading states, where it helps, where it falls short, and what still needs extra care in production.
Using Vue's Teleport for Modals and Portals. Using Vue's Teleport for Modals and Portals
How to use Vue Teleport for modals and portals, whilst keeping overlays accessible, maintainable, correctly layered, and out of awkward DOM nests.
Understanding the Composition API in Vue 3. Understanding the Composition API in Vue 3
The Vue 3 Composition API explained with practical TypeScript examples, refs, composables, reactivity, and when the pattern genuinely helps larger components.
Staying Current: Automating Copyright Year Updates. Staying Current: Automating Copyright Year Updates
Automate copyright year updates across JavaScript, React, Angular, Vue, jQuery, PHP, and WordPress so footers do not go stale each January across stacks.
React vs. Vue vs. Angular. React vs. Vue vs. Angular
Compare React, Vue, and Angular across ecosystem, learning curve, state, templates, team fit, SEO concerns, and how to choose a front‑end framework.
Leveraging JavaScript Frameworks for Efficient Development. Leveraging JavaScript Frameworks for Efficient Development
JavaScript frameworks streamline development with reusable components, state management, and optimised rendering. Here, I compare React, Vue.js, and Angular.