Skip to main content

By Mohammed Abdelhady

Writing

A closer look at the software I work with. Notes on React, JavaScript, and the details behind everyday behavior.

Follow by RSS
On this site5 articles
  • A chili-marked Jalapeño processor beside memory, compute, and token diagrams in forest-green ink.
    8 min read

    Jalapeño and the economics of inference

    OpenAI's custom chip makes repeated inference a procurement question. The benchmark is promising; production cost, reliability, and bargaining power are separate tests.

    • ai
    • architecture
    • inference
    • hardware
  • JavaScript arrays at indices zero through four: a packed row contains 10, 20, 30, 40, and 50; a holey row has no element at index two.
    12 min read

    JavaScript Array Internals: Memory Layout Without the Myths

    JavaScript arrays are objects with specialized element storage: engines may pack dense indexed elements contiguously, but holes, mixed types, and properties force more general representations.

    • javascript
    • performance
    • memory
    • v8
  • React emblem beside current and work-in-progress component trees. One node is changed in the work-in-progress tree, with a commit arrow toward a browser.
    16 min read

    React Fiber: Buffers, Hooks, Lanes, and Commit

    Work-in-progress buffers hold the next tree, hooks store state on fibers, lanes prioritize updates, and commit applies the finished tree in a short, ordered phase.

    React Fiber Internals · Part 2
    • react
    • fiber
    • hooks
    • concurrent
    • frontend
  • React emblem beside a component tree labeled App, Header, Main, List, and Footer, with the App-to-Main-to-List branch highlighted.
    14 min read

    React Fiber: How the Tree Walk and Work Loop Actually Run

    Fiber walks units of work depth-first, can pause between units, and only finishes a tree when the work loop completes without higher-priority interruption.

    React Fiber Internals · Part 1
    • react
    • fiber
    • performance
    • frontend
  • JavaScript file-watcher pipeline: a file change passes through a watcher and event queue to a callback. A note says events may coalesce.
    13 min read

    JavaScript Event Systems and File Watchers

    File watchers are event producers on top of the host event loop: changes are detected, queued, and delivered asynchronously—never by busy-waiting in JavaScript.

    • javascript
    • nodejs
    • event-loop
    • tooling

Further reading

Also on DEV

More writing from my DEV archive.

Elsewhere on this website

The thinking meets the making.

another side of the same work