This year I joined the public relations committee for the Caru Nawa Gempang ceremony at Desa Adat Celuk, and one of my tasks was building a photo slideshow for a projector. Here's how it went.

Ketika kritik terhadap film Pesta Babi dijawab dengan pertanyaan soal sumber dana, kita sedang melihat contoh ad hominem: menyerang orangnya, bukan isi argumennya.

A practical offline-first pattern for React Native and Expo apps using Contentful, TanStack Query, AsyncStorage, and the Contentful Sync API.

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.

Not toxic positivity. Not self-blame. Just a simple loop — Name It, Write It, Act on It, Evaluate It — to move through the noise on hard days.

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.

Growing with AI isn't about having the perfect setup or a complex configuration — it's about the habits that form through real, everyday use.

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.

Reflections on Jalur Langit: prayer as a coping mechanism, survivorship bias, and tawakal (surrender to God) where it intersects with Stoicism.

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.

AI always sounds confident, but that doesn't mean it's always right. Learn why critical thinking matters more than ever when working with AI tools.

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.

Getting back on a bike after years away taught me about the process, being present, and finding simple joy in everyday life.

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.

How the demand for instant results fuels self-doubt and how patient, consistent effort builds lasting growth.

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.

A quiz-style article exploring a common bug in URL-based language detection and how to fix it.

Refactoring your code when you're stuck might just be the key to finding the bug and unblocking yourself.

Why manual test cases still matter even when automated testing is the norm — with practical guidance for development teams.

The language we use shapes how we see the world. Carrying your child isn't a burden — it's a meaningful choice.

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.

Best practice for placing conditional rendering logic within React components using context or internal state.

Logical fallacies like appeal to authority and false dilemma can lead to incorrect IT decisions. Learn examples & how to avoid them in this article.

Why one Git branch per Jira ticket is a best practice, and how to work efficiently when tickets depend on each other.

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.

How Stoic philosophy can help you stay calm and effective in the ever-changing world of software development.

Socratic questioning is a powerful way to dig deeper, think clearer, and uncover assumptions. Learn how to apply this ancient method in modern life.

Measure code complexity in real-time using CodeMetrics, a lightweight VS Code extension that helps you write cleaner, more maintainable code.

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.

Learn how to build a state machine with XState and use it across React components in TypeScript.

Learn how to use clsx to manage className dynamically in React more cleanly and efficiently.

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.

Learn how to capture and store request headers in a Chrome extension using webRequest API.

A deep dive into a common JavaScript bug when finding the maximum value in an array and how to fix it.

Need to determine if a point is inside a polygon in JavaScript? The turf.booleanPointInPolygon function makes it easy!

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!