Archive
Writing
Notes on software, system, and the people that build them.
Not Every Self-Learning Journey Is Like Learning to Code
Lessons from a self-taught engineer about why different skills demand different ways of learning.
Memory in Javascript
three funny words, honestly.
Benchmarking Bun and Node.js for a User Creation and Login API
A practical comparison of Bun and Node.js, including a surprising result around password hashing and concurrency.
Rough Edges in Today's AI Agents for Frontend Development
Where frontend agents still break down, and the browser and tooling changes that could make them more capable.
Setting up OpenGL development on MacOS with C++ and CMake
not as easy at it seems
Making Tailwind more fun(ctional) by using pipeable api in tailwind-fun
If you haven't read about tailwind-fun you can read it here In short, tailwind fun is a library that...
Simplify Your Tailwind CSS Workflow with tailwind-fun
If you're a frontend developer working with Tailwind CSS, you know how powerful and versatile it is....
Using the Refined GitHub Chrome Extension So I Can Blog from GitHub
I found this cool extension, so now I can blog directly from GitHub :D
New blog and why I moved to a static site
A new home—previously, my website was hosted on a DigitalOcean VPS stack with Ghost as the blogging platform. This time I'm using a somewhat different stack because I chose the static site rou...
Learning and Motivation: Learning Is a Dialogue
Question Of The Day: What Is the First Phase of Learning? --- For a very long time, I believed that the first phase of learning was reading. but lately, I've started to reth...
Creating an Undoable Data Structure in JavaScript
In the previous article, while discussing Functors in FP, we tried creating our own data structure in JavaScript, namely the ScoreList data structure. Now in this article, let's...
FP in JS: What Is a Functor?
So in this article, we're going to talk about Functors. If you're learning functional programming, you'll definitely run into this term once or twice. I just had my own "eureka" moment yesterday about what a functor actually is. I was...
An Introduction to React Application Structure
In this post, we'll discuss things related to React, such as one-way data binding, Flux architecture, etc. One-Way Data Binding In general, React uses the one-way data binding paradi...
Managing CSS with CSS Modules and the Classnames Library
What Are CSS Modules? Before discussing the classnames library, it's a good idea to learn about CSS modules first. Put simply, CSS modules let you import styles like you would import modules, for examp...
Starting a Frontend Career Through Self-Study (Without a Bootcamp)
Note: I’m trying out a Trakteer page for donations to support my blog/writing, (supports almost all digital wallets) https://trakteer.id/hanipcode . Please support me if you...
Learning the Singleton Design Pattern for Frontend
What Is a Singleton? A Singleton is a class in a program that stores a shared resource globally, so that shared resource can...
Creating a Simple Express JWT Authentication Middleware with Express-Kun (No need of setuping Passport!)
Creating a Simple Express JWT Authentication Middleware in 5 Minutes
Things I learned While Developing Express-Kun (Backend Helpers for express app development)
I learned a things or two While Developing Express-Kun (Backend Helpers for express app development). this will be a series about it
Building an Express Application with Express-Kun, a functional-paradigm express helper - Part 1 (Intro and Setup)
In this article, I will try to explain how to simply build an app using a helper that I built
React Native JS Only Environment Variable Library
Library for simple manage js only environment variable in react nativ