Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
48

Latest Updates

Documenting code, one commit at a time.

React 8 posts
×
0 React Tailwind CSS

Maintaining Momentum: Why Regular Dependency Updates Matter

The Silent Technical Debt

Dependency rot is a quiet killer in modern web development. You start a project with the latest packages, but within months, those "current" versions become legacy. In my project, portafolio-web-dev, I recently performed a comprehensive dependency audit to ensure the stack remains secure, performant, and compatible with the latest browser standards.

Optimizing Form Reliability in React Contact Modules

Building interactive forms is a core task in modern web development, especially within the portafolio-web-dev project. Recently, I spent time refining the contact module to ensure that user inputs are handled gracefully and requests reach their destination without failure.

The Challenge of Form State

In a typical React-based contact form, ensuring that state transitions and API calls using

0 React JavaScript

Debugging Form Submission Workflows in React

Troubleshooting Form Behavior

In the development of the portafolio-web-dev project, we recently hit a bottleneck regarding form submission reliability. When building interactive components in React, it is common to rely on third-party validation libraries to streamline user input. However, when things go wrong, these abstractions can sometimes obscure the root cause of silent failures.

Debugging Frontend Forms: Isolating Logic to Solve Submission Issues

Working on the portafolio-web-dev project, I recently encountered a persistent issue with form submission logic. When building interactive forms in React that rely on external API calls, troubleshooting can become complex, especially when integrated with middleware or validation layers that obscure the root cause of an error.

The Situation

Our contact form, powered by React and Axios,

Unlocking Flexibility: Implementing 0% Advisor Commission in Policy Creation

In the "North-South" project, we recently tackled a crucial business requirement to enhance the flexibility of our policy management system. The goal was to allow policy creation with a 0% commission for advisors in specific, justified scenarios. This seemingly minor adjustment had significant implications for how we configure policies and adapt to diverse business needs.

The Situation

0 React

Improving Component Updates in North-South Project

Introduction

The North-South project focuses on delivering high-quality services. Recent development efforts have centered on optimizing how components update, particularly concerning data imports and refreshing lists of items.

The Challenge

Previously, there was an issue where updating imported data or refreshing a list of cards required manual intervention or caused unnecessary

Keeping Your React Project Fresh: Dependency Updates

It's easy to let dependencies drift in a React project. Regular updates are crucial for security, performance, and access to the latest features. Let's explore why dependency management matters, and how to keep your North-South project up-to-date.

Why Update Dependencies?

  • Security: Vulnerabilities are constantly discovered in open-source libraries. Updates often include security
0 React JavaScript

Implementing Temporary Solutions for Date Inconsistencies in React Applications

Introduction

When dealing with date-sensitive data in applications, inconsistencies can arise, especially around month-end dates. This post explores a scenario where a temporary fix was implemented in the North-South project to address payment date discrepancies in policies.

The Problem: Month-End Date Issues

Policies starting on the 29th, 30th, or 31st of a month can present challenges