Tag: interactive

All the articles with the tag "interactive".

• Every Core React Hook, Visualized — An Interactive Walkthrough

  Posted on:April 26, 2026 |  at 10:00 AM

  The eight hooks that carry every React app — useState, useReducer, useEffect, useContext, useRef, useMemo, useCallback, useTransition — stepped through one render at a time. Watch hook slots fill, effects fire on a render→paint→effect timeline, dependency caches hit and miss, and concurrent transitions get interrupted live.

• The Node.js Event Loop — An Interactive Walkthrough

  Posted on:April 20, 2026 |  at 10:00 AM

  The event loop, nextTick, microtasks, setImmediate and the six libuv phases — stepped through one frame at a time. Watch each callback move between compartments, then test yourself with ordering quizzes.

• Pathfinding Algorithms — BFS, DFS, Dijkstra and A* (Interactive)

  Posted on:March 28, 2026 |  at 10:00 AM

  BFS, DFS, Dijkstra and A* explained from first principles, side by side on the same grid. Why does A* explore so few nodes? Why is DFS fast but dangerous? Paint walls, set mazes and watch them race.

• UniswapV2 Interactive Simulator — Explore AMM Mechanics In Your Browser

  Posted on:February 24, 2026 |  at 10:00 AM

  Three interactive apps exploring UniswapV2 mechanics: a trade simulator showing price impact and fee math in real time, the constant product x·y=k curve visualizer, and a deep dive into the actual Solidity storage variables changing with each swap.

• TensorFlow.js vs scikit-learn in the Browser — Two Paradigms of Client-Side ML

  Posted on:November 17, 2025 |  at 10:00 AM

  TensorFlow.js brings neural networks to the browser natively. scikit-learn runs via Pyodide WebAssembly. Same Iris dataset, same task — totally different philosophies. Train both client-side with no backend and compare accuracy, interpretability, and the cold-start gap.

• Python vs JavaScript DataFrames in the Browser — Live Benchmarks with No Backend

  Posted on:October 27, 2025 |  at 10:00 AM

  Both Python (pandas via Pyodide WebAssembly) and JavaScript (arquero) can process DataFrames entirely in the browser. This post runs the same groupby, filter, and pivot benchmarks in both — live, client-side, no server needed — and measures the real tradeoffs.

• Compound Interest — A Software Engineer's Mathematical Guide (Interactive)

  Posted on:February 24, 2025 |  at 10:00 AM

  Compound interest from first principles: discrete vs continuous compounding, the Fisher equation for real returns, the Rule of 72, and why the difference between annual and monthly compounding matters more than most people think. All interactive.

• UniswapV3 Interactive Explorer — Concentrated Liquidity, Ticks, and Capital Efficiency

  Posted on:June 25, 2024 |  at 10:00 AM

  Interactive explorer for UniswapV3 concentrated liquidity: configure your price range, see capital efficiency vs V2, tick numbers, token composition, and impermanent loss exposure — all live in the browser.