Not a Number

Interactive blog posts on computer science and web development by Nanda Syahrasyad.

© 2021 - 2025

Interactive SVG AnimationsAn interactive course on making whimsical SVGs and SVG animations.
  • A Deep Dive Into SVG Path Commands

    July 4, 2023

    The mystical d attribute in SVG paths is actually a series of small commands. In this guide, we'll take a look at each path command and how we can use them to draw icons.

  • The Power of Keys in Framer Motion

    February 22, 2023

    The React key prop is often only used to suppress React warnings, but it's actually a super powerful tool when used together with Framer Motion. In this post, we'll explore how to use it to make some pretty cool animations.

  • Inside Framer's Magic Motion

    November 15, 2022

    How does Framer Motion make layout changes look seamless? In this post, we're taking a deep dive into FLIP, the technique used by Framer Motion to animate changes in layout without sacrificing performance.

  • Rebuilding Babel: The Tokenizer

    February 20, 2022

    How do you build a modern JavaScript compiler from scratch? In this post, we'll rebuild the first piece of a compiler: the tokenizer.

  • How do Arrays Work?

    November 13, 2021

    What goes on under the hood of the most popular data structure? In this post, we'll uncover the secrets of the array by reinventing one ourselves.

  • Building a Debugger

    May 15, 2021

    If you want to build your own debugger, where would you start? In this post, we'll take a look at the inner workings of Playground — an online JS debugger.

  • The Sliding Window Pattern

    March 21, 2021

    An interactive look at a classic array algorithm pattern.