Mastering Server Components in Next.js
Mastering Server Components in Next.js, including client boundaries, data fetching, caching, streaming, and the mistakes that make App Router code messy.
Articles
JavaScript
JavaScript is the working language behind most of my front‑end writing, from small browser behaviours to application state and asynchronous code. These articles favour the mechanism behind a feature over a clever trick, whether the subject is callbacks, async code, or a language edge that only becomes obvious in production.
Mastering Server Components in Next.js. 
LeetCode: 'Maximum Subarray' and Kadane's Algorithm Explained. LeetCode: 'Maximum Subarray' and Kadane's Algorithm Explained
Maximum Subarray and Kadane's Algorithm explained with TypeScript, showing how a linear pass tracks current and best sums across positive and negative values.
Converting Objects to Query Strings and Vice Versa. Converting Objects to Query Strings and Vice Versa
Converting objects to query strings is essential for handling URLs in JavaScript. Here, I explore encoding, parsing, and managing query parameters in Next.js.
Best Practices for Managing Environment Variables in Next.js. Best Practices for Managing Environment Variables in Next.js
Best practices for managing environment variables in Next.js, so secrets stay server‑side and deployments do not freeze the wrong values at build time.
Error Handling in JavaScript with try, catch, and finally. Error Handling in JavaScript with
try,catch, andfinallyGo beyond basic try/catch in JavaScript with finally, custom errors, async error handling, testing, user‑facing failures, and defensive‑code traps.
A Deep Dive into JavaScript's Proxy and Reflect API. A Deep Dive into JavaScript's
ProxyandReflectAPIA look into how JavaScript's Proxy and Reflect APIs work together to intercept and redefine object behaviour, including practical use cases and common patterns.
Union‑Find Explained: Solving the 'Number of Provinces' Problem. Union‑Find Explained: Solving the 'Number of Provinces' Problem
Solve Number of Provinces with union‑find in TypeScript, comparing DFS, connected components, path compression, union by rank, and matrix scanning.
State Management in Angular: NgRx vs. SignalStore. State Management in Angular: NgRx vs. SignalStore
NgRx Store vs. SignalStore explained with real Angular trade‑offs, including scope, TypeScript ergonomics, devtools, effects, and when neither is necessary.
What is a Timing Attack? Side Channels, Examples, and Safer Comparisons. What is a Timing Attack? Side Channels, Examples, and Safer Comparisons
Timing attacks explained for web developers, including side channels, string comparisons, real examples, and practical defences in JavaScript.
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.
Solving the LeetCode N‑Queens Problem. Solving the LeetCode N‑Queens Problem
Solve the N‑Queens problem with TypeScript backtracking, including the decision tree, constraints, complexity, and test cases.
Using Angular Signals for Performance Optimisation. Using Angular Signals for Performance Optimisation
Use Angular signals for performance optimisation with derived state, computed values, OnPush, effects, RxJS interop, and measuring whether work improved.
LeetCode: The 'Kth Smallest Element in a BST' Problem. LeetCode: The 'Kth Smallest Element in a BST' Problem
Solve Kth Smallest Element in a BST with in‑order traversal, showing why the tree's ordering removes the need for a separate sorting step in interviews.
Using RxJS for State Management in Angular. Using RxJS for State Management in Angular
Manage Angular state with RxJS Subjects and derived streams, including
combineLatesttiming,AsyncPipecleanup, local UI state and when signals fit better.
React Developer vs. Next.js Developer: What Actually Changes in Production. React Developer vs. Next.js Developer: What Actually Changes in Production
React developer vs. Next.js developer explained through production concerns: rendering, routing, caching, SEO, deployment, CMS data, and debugging.
Backtracking Decision Trees: Solving 'Combination Sum'. Backtracking Decision Trees: Solving 'Combination Sum'
Solve Combination Sum with backtracking in TypeScript, using a growing path, remaining total, sorted pruning, reuse rules, and common mistakes too.
Solving the 'Jump Game' Problem with Greedy Algorithms. Solving the 'Jump Game' Problem with Greedy Algorithms
A clear walkthrough of LeetCode Jump Game using a greedy algorithm, including why the farthest‑reach approach works and where slower ideas get stuck.
Memoisation in JavaScript: Optimising Function Calls. Memoisation in JavaScript: Optimising Function Calls
Memoisation helps JavaScript functions run faster by caching previous results. Here's a clear guide on how and when to use memoisation effectively.