When dealing with asynchronous operations in React, managing loading states can become repetitive. Let’s explore how to handle this common pattern, starting with a basic approach and then improving it with custom hooks Prerequisites Before diving into this article, you should have: Traditional Approach Here’s how we typically handle loading states with useState: In the…

Introduction Hi! I’m Wibi, a software engineer at Cloud Payroll Group of Money Forward’s HR Solution Department. A part of my work is developing Cloud Payroll’s backend using Kotlin. Up until a few months ago, I had no experience in writing Kotlin. To get used to it, I tried using Kotlin in what I usually…

Introduction Does Japan have mobile meetup? Obviously, yes. But does Japan have an English-speaking mobile meetup? The answer is yes! Introducing Mobile Dev Japan, founded by Tiphaine and Balázs in 2024, with the goals of bringing together English-speaking mobile developers in Japan and bridging the gap between foreign and Japanese mobile engineers. Hello, this is Ong Yue Huei (AJ), an iOS…

Introduction Hi everyone, I’m @Sam from the Money Forward ID Service Development team. In our project, which is built with Rails, we’ve been using the third-party gem rack-attack to mitigate certain types of attacks. However, with the release of Rails 8.0, a new rate limiting feature has been introduced. This native solution has allowed us to eliminate our dependency…

Introduction “In the world of data visualization, delivering intuitive and interactive charts is essential for modern applications. For a long time, our team relied on a subscription-based graph library, which came with powerful features but at a high annual cost. As a single-application license exceeded $332 per year, we started questioning if there was a…

Hello, I’m Bala, a Ruby developer at Money Forward. As part of our Advent Calendar blog series, here’s a post for December 10th. Rails 8.0 is here, bringing many exciting new features! One of the highlights is the new authentication generator, which simplifies the process of adding authentication to Rails applications. In this blog, I’ll explore this feature…

Introduction Hello, I’m @Mapdu, a Ruby developer at Money Forward. I work on Money Forward ID development team, developing a web application that serves as the ID and authentication platform for Money Forward and its group companies. At Money Forward ID, we have adopted and implemented passkeys for nearly two years, making them the primary authentication…

Introduction In the React ecosystem, component composition is key to building maintainable and reusable UIs. The Compound Pattern is a design approach that allows developers to create complex components while keeping them organized and manageable. This article will walk you through the benefits of the Compound Pattern, its application in a practical Accordion component, and…

Hello, this is Tsunoda from the CQO Office(@imtnd). I’m excited to announce our sponsorship of ISSRE 2024 and would like to share some details about this initiative. What is ISSRE ISSRE (The International Symposium on Software Reliability Engineering) has been held since 1990. Classified as CORE Rank A in the international symposium, ISSRE features highly influential papers that are…

Introduction Hello, I’m Kuruma from the Platform Application Division of the Money Forward CTO Office. I’m primarily responsible for the development and operation of our email delivery platform and some microservices. Most of our in-house products use this email delivery platform to send emails to users. For more details about our email delivery platform, please…

Introduction Hello, I’m Komuro Kohei, a software engineer at Money Forward, Inc. I’m primarily working on X-Insight-Marketing (XIM), a financial data analysis platform. XIM enables businesses to perform detailed customer profiling and significantly enhance their sales and marketing efforts. When researching health checks, I found that there are very few articles that explain how they are actually…