#react

Articles tagged with #react

Building Hangman in React — SVG Progressive Drawing, Word Categories, and Physical Keyboard Events
How to render 7 progressively revealed SVG elements, derive game state from a single guessed Set, and sync physical keyboard input with an on-screen keyboard
Apr 28, 20267 min read1
Building Flappy Bird in React — Canvas RAF, Gravity Physics, Pipe Collision, and Speed Progression
Why all game state lives in refs instead of useState, how dt-capped physics prevents tab-switch explosions, and how pipe forgiveness makes the game feel fair
Apr 28, 20267 min read1
Building Brick Breaker in React — Canvas Physics, Power-Ups with Expiry Timestamps, and Particle Bursts
How to implement AABB ball-brick collision with side detection, time-limited power-ups using requestAnimationFrame timestamps, and a particle system with gravity
Apr 7, 20267 min read1
Building a Daily Sudoku in React — mulberry32 Seeded Puzzles, Conflict Detection, and Notes Mode
How to generate deterministic daily puzzles with a seeded RNG, detect row/column/box conflicts with a coordinate Set, and implement pencil notes with auto-clearing
Apr 7, 20267 min read1
Converting Images to PDF in the Browser with pdf-lib — Multi-Image Upload, Drag to Reorder, No Server
How to combine JPG and PNG files into a single PDF client-side using pdf-lib, react-dropzone, and array swapping for page reordering
Apr 7, 20265 min read
Building a Text Case Converter in React — camelCase, PascalCase, snake_case, kebab-case, and More
How to implement 8 text case transformations with real-time conversion, copy-to-clipboard, and correct tokenization for mixed-input strings
Apr 6, 20264 min read