A developer from Bali trying to stay sane between lines of code, busy days as a father, and small obsessions with cycling and stoicism. Here I write down anything worth thinking twice about.
Most Maestro guides assume you're testing against a release build. But during active development, you naturally want to test against the debug build that's already running. Here's how to handle the Metro bundler dev menu overlay that can break your tests.
Ketika Rp 15,3 miliar dianggarkan untuk membangun bioskop di Gianyar, sementara jalan berlubang masih menjadi cerita sehari-hari warga — apakah ini langkah yang paling mendesak?
The first two years of having a child are far harder than people let on. About presence, support systems, and the importance of honesty before making the decision.
Stress is a mental state, not a strategy. Whether you’re stressed or not, the problem stays the same size — what matters is the action you take. And stress will impair exactly that.
There's a lot of debate about work ethic — is it even worth working hard at your job? The answer depends on one thing: who you're actually working hard for.
Problem decomposition, precise technical communication, understanding core concepts, and a code review mindset are not just buzzwords. These are concrete skills that can be practiced — here's how.
AI is changing how programmers work. But the core of our job has never been about syntax — it's always been about understanding problems. These are the skills that are becoming even more important.
Planning is everything. With AI, forge continuously like a sword, and the path will become clear. Discover how AI acts as a modern blacksmith to sharpen your plans and reveal your direction.
Real growth sometimes means cutting back. A bonsai teaches us how careful pruning creates balance and beauty and how the same principle applies to work and life.
My take on modern testing priorities: start with smoke tests and documentation, then layer in e2e, component, and unit tests. A practical approach for AI-powered development.
Deep dive into debugging a tricky state management issue where the system detected changes that didn't actually exist, and how comparing with original values solved the problem.
Sometimes the best way to find meaning isn't through perfect planning, but through simple motion, staying alive through doing, through being part of life's rhythm.
Learn how to create slide presentations quickly using GitHub Copilot, VS Code, and Marp. This guide walks you through setting up the tools and leveraging AI to generate content, allowing you to focus on delivering ideas without the hassle of traditional slide design.
Exploring the psychological impact of having too many options (choice overload) versus having no choice at all, and how to find the optimal balance for mental well-being.
In the modern workplace, the concepts of work-life balance and work-life integrity are often debated. This article explores the differences between these two approaches and how each can be applied in everyday life.
My hands-on experience using the KasPOS cashier app for a small business paired with the Blueprint ECO58D thermal printer — simple, no subscription, and prints receipts without a fuss.
Transform your Visual Studio Code with a fresh, rounded UI using vscodeCusotmTheme by mahmoud-asdf. A simple yet effective customization package that makes coding feel modern and clean.
A straightforward look at what growth mindset really means, how it applies to life as a programmer, and some potential downsides you should be aware of.
The EU Cyber Resilience Act (CRA) aims to improve the cybersecurity of digital products by establishing a common framework for security requirements, incident reporting, and certification. Learn about the key provisions, what it means for businesses, and how the CRA fits into the EU's broader cybersecurity strategy.
Understanding the differences between Zod's safeParse and parse is essential for effective data validation in TypeScript. This article explores their distinct behaviors, use cases, and when to choose one over the other to ensure robust and predictable error handling in your applications.
Using <button> instead of <div> for interactive elements improves accessibility, keyboard navigation, and screen reader support. Buttons are naturally focusable, respond to Enter and Space, and require far less extra code. Avoid unnecessary complexity — use the right semantic element for better usability and compliance with web accessibility standards.
When writing Cypress tests, there are scenarios where you need to manipulate time. For example, testing session expiration or scheduled UI updates requires control over time progression. This is where `cy.clock()` and `cy.tick()` come in handy.
This post demonstrates how to build a React grid layout with draggable and resizable widget components using the react-grid-layout library. We'll put together a simple dashboard where users can rearrange widgets however they like.
Learn how the 5-4-3-2-1 grounding technique can help you debug anxiety like a programmer. This mental reset uses sensory input to break the cycle of overthinking and bring focus back to the present moment.
Functional testing checks if an app works as expected, while visual testing ensures the UI looks right. Combining both keeps the app functional and visually consistent.
Event-driven programming is a programming paradigm in which the flow of the program is determined by events such as user actions, sensor outputs, or messages from other programs/threads.
Creating a Proof of Concept (POC) is a powerful strategy for tackling complex software challenges. By testing ideas with minimal implementation, developers can validate feasibility, uncover roadblocks early, and improve efficiency. This article explores the benefits, use cases, and steps for building effective POCs.
Unique identifiers play a crucial role in software development. This article explores the differences between ID, and UUID, their use cases, and best practices for choosing the right identifier.
Handling user input efficiently is crucial in modern web applications. In React, rapid state updates can lead to performance issues and unnecessary API calls. The `useDebounce` hook provides a way to delay function execution until a user stops typing or interacting. In this article, we explore `useDebounce` using a simple analogy: a traffic light system. We will cover its implementation, use cases, and best practices.
TypeScript 5.8 introduces the --erasableSyntaxOnly compiler flag, designed to enhance compatibility with JavaScript's evolving type systems. This flag restricts the use of non-erasable syntax elements, such as enums, namespaces, and parameter properties, that require runtime transformations, promoting a cleaner separation between type annotations and executable code. This article delves into the implications of this feature, its alignment with current JavaScript proposals, and its potential impact on TypeScript development practices.
Handling structured data efficiently is a critical task in JavaScript, especially when working with nested arrays or transforming API responses. The `flatMap()` function provides an elegant solution by combining mapping and flattening into a single step. This article explores how `flatMap()` simplifies data conversion, particularly when working with nested data structures such as API responses.
VS Code provides a task system that helps automate repetitive commands such as running scripts, installing dependencies, and executing tests. By using `tasks.json`, developers can define and execute common commands efficiently. This article explores the basics of configuring and running tasks in VS Code.
In React, assigning a unique `key` prop to elements in a list is crucial for performance and UI consistency. When natural unique identifiers like `id` are unavailable, developers often default to using array indices, which can lead to UI inconsistencies. A better approach is to generate a unique key by combining multiple data attributes. This article explores how to effectively use data attributes as keys in React lists.
This article explores the complex interaction between CSS Flexbox's `flex-grow` property and explicit height settings, particularly focusing on how `height: 0px` affects element behavior within flex containers. Understanding this relationship is crucial for web developers working with responsive layouts and scrollable content areas.
Discover why running npm outdated is just as important as npm update for managing your Node.js project dependencies. This comprehensive guide explains how npm outdated provides critical insights into outdated packages, helping you stay secure, efficient, and up-to-date. Learn with a detailed example, practical steps, and tips for incorporating this command into your workflow.
This article examines the `Partial` utility type in TypeScript, focusing on its functionality, use cases, and practical applications for managing optional properties efficiently in various scenarios.
Explore the key differences between `null` and `undefined` in JavaScript, including their definitions, use cases, and best practices for when and how to use each. Gain a deeper understanding of these fundamental concepts to write cleaner, more effective code.
Learn how to create smooth, efficient animations in JavaScript with requestAnimationFrame. Discover its benefits, practical examples, and tips to optimize your animations for performance and a seamless user experience!
Learn how Test-Driven Development enables Claude Code to work more autonomously, self-verify changes, and deliver working code with minimal human intervention.
QR Code is a practical solution that can be used to directly direct users to your business's Google Maps review page. In this post, I will show you how to easily and quickly create a QR Code that you can use to increase the number of reviews on Google Maps.
When feeling stuck, exhausted, or overwhelmed, a simple splash of water can make all the difference. Washing my face helps me reset, refresh, and push through, even on the toughest days.
I’ve found that using time blocking has helped me manage my time and energy more effectively. It’s a simple approach that’s improved my productivity and well-being.
Struggled to get back into focus after breaks? I customized the Pomodoro technique to include a quick review phase, and it’s been a game-changer for my productivity. Here’s how it works!