#react-form-handling

A Short Guide to React Form Handling: Explaining Controlled vs. Uncontrolled Components

Handling form data in React comes down to two core paradigms: Controlled (React state is the boss) and Uncontrolled (The DOM is the boss).

Forms in React

In a standard HTML form, the DOM itself holds the form data. In React, we typically want the React component to be the “single source of…

React Hook Form

Avoid too many useStates in React — Fix unnecessary rerenders

I’ve been making such a mistake for a very long time. Any value that changed instantly joined the state. It was similar to the React…

Why you should stop building forms without clear validation in React

This is something I learned the hard way while working on real projects. At first, my forms technically worked, but users kept getting…

Stop Writing useState for Every Input. Use Formik.

Manual form handling is ruining your codebase. It is time to stop.

React Forms Are Really Simple

When building forms in React, it’s easy to get lost in styling libraries. This post isn’t about that. Instead, we will focus on the core…

React Hook Form + Suspense in Next.js 2025: stop double‑submits

If you’ve built a form in Next.js, you’ve probably seen it happen: a user clicks Submit, nothing seems to happen, so they click again. Now…

React Hook Form vs. Vanilla React Forms

Introduction