Blog: react

Blog: react

I mostly write about improvement in my own site. Rarely tutorial and how-tos, but hopefully can be a useful reference.

Posts about react

  • 5 mins reading time

    Authoring Custom Elements in a Next.js App

    The Intersection of Two Different Ecosystem

    Since its creation, my blog has only been a React-exclusive app, which means it only renders a React component. How I store the blog post has changed a lot—from static HTML in a hosted database to markdown files in the same git repository—but the rendering engine stays largely the same.

    Unlike most React powered blog, I don't use MDX. I write plain markdown files, but internally I call it MDC.

    Read More
  • 10+ mins reading time

    Dark Mode on the Web

    UX, DX and Technical Exploration For Inclusive Dark Mode

    For some people, dark mode is aesthetically more pleasing. On the other hand, there's a group of people (including me) that likes to read at night under dim lighting, or even in total darkness. Having the option to use dark theme reduces strain in the eyes and makes it more pleasant to read at. I personally doesn't care that much about the aesthetic aspect of the dark mode. I think of it as an accessibility feature.

    Read More
  • 10+ mins reading time

    Building progressively-enhanced iPadOS hover style in web

    Using framer-motion for Animation & Transition

    One of the key features from new iPadOS 13.4 announcement was that it finally has proper mouse and trackpad support. 1 thing that stood out to me was how the cursor morph to cover touchable areas. You might think it's just a glorified hover effect, but if you look closely, there are subtle visual cues that makes the behavior feels fluid and natural. One of them is how the highlighted area move slightly alongside cursor movement.

    Read More
  • 8 mins reading time

    The Invisible Framework

    How I Built the Traveloka Latest Web Framework


  • 3 mins reading time

    React Router and Flash State

    Old Technique in a Modern Tech Stack


  • 8 mins reading time

    From Express and React to Next

    Refactoring My Blog Rendering Engine to Leverage Proven Solution


  • 3 mins reading time

    The Stack of Paper


© 2023 Fatih Kalifa. All rights reserved.