Articles Projects About

Tags (22)

Critical Thinking

Chrome Extension

Software Development

Stoicism (1)

The Stoic Programmer

Critical Thinking (1)

Socratic Questioning

Clean Code (1)

Improve Your Code Quality with CodeMetrics in VS Code

Productivity (5)

Growth Mindset untuk Programmer: Cara Bertumbuh dan Sisi Negatif yang Perlu Diwaspadai

The 5-4-3-2-1 Grounding Technique: Debugging Anxiety Like a Programmer

Wash My Face, Feel Fresh, Start the Work Fresher

How I Improved My Productivity and Well-Being with Time Blocking

How a Custom Pomodoro Fixed My 'Hard Restart' Problem

XState (1)

Build a State Machine with XState and Use It Across React Components (TypeScript)

clsx (1)

Managing ClassName with clsx in React

Cybersecurity (1)

The EU Cyber Resilience Act (CRA): Enhancing Cybersecurity of Digital Products

Zod (1)

A Comprehensive Comparison of Zod's safeParse and parse Methods

Accessibility (1)

Use <button>, Not <div>, for Clickable Elements

Testing (2)

Simulating Time in Cypress with cy.clock and cy.tick

The Difference Between Functional Testing and Visual Testing

AI (1)

Pintar Kredit: Smart Loan Simulation

Chrome Extension (1)

Capturing and Storing Request Headers in a Chrome Extension

JavaScript (4)

Spot the Bug: Fixing Incorrect Max Value in JavaScript

JavaScript flatMap(): Transforming and Flattening Data Efficiently

Differences Between `null` and `undefined` in JavaScript: Explanation and Use Cases

Mastering requestAnimationFrame: A Guide for Smooth Animations in JavaScript

Turf.js (1)

Checking if a Point is Inside a Polygon with Turf.js

React (3)

React Grid Layout Widget DnD and Resizable Example

Optimizing User Input Handling with `useDebounce` in React

Using a Combination of Data Attributes for React Keys

Software Development (2)

Event-Driven Programming

The Power of Starting Small: Why POCs Matter

Database (1)

Understanding ID, and UUID: What’s the Difference?

TypeScript (2)

TypeScript 5.8 and the --erasableSyntaxOnly Flag: Enhancing JavaScript Compatibility and Future-Proofing Codebases

Understanding Partial Type in TypeScript

VS Code (1)

Automating Commands with VS Code Tasks

CSS (1)

Understanding CSS Flexbox Height Behavior with flex-grow

npm (1)

Not Just npm update, But Also npm outdated: A Comprehensive Guide with Example

Marketing (1)

Easy Steps to Create QR Code for Reviews on Google Maps