1 views collected around this technical thread.
This guide explains React state management fundamentals, covering local state with useState, useReducer, class components, and custom hooks; global solutions such as Context API, Zustand, Jotai, and Redux; and server‑side handling using React Query, SWR, plus navigation and form state best practices.
React’s upcoming v19 release introduces four experimental hooks—use, useOptimistic, useFormState, and useFormStatus—focused on simplifying data fetching and form handling, allowing developers to read promises or context directly, perform optimistic UI updates, and manage form state and submission status within React components.
The article compares React's controlled and uncontrolled form patterns, explains how modern hook‑based techniques—such as useForm, Context, and react‑hook‑form—streamline state management, improve performance, and simplify validation, illustrated by the evolution from antd3’s HOC approach to antd4’s Context‑driven architecture.
This article explains the concepts, use‑cases, and performance trade‑offs of controlled versus uncontrolled forms in React, demonstrates how Ant Design 3 and 4 implement form handling with HOC or Context + hooks, and introduces the lightweight, non‑controlled approach of react‑hook‑form with practical code examples.
This article translates Loren Stewart’s guide on using React refs for form handling, explaining both controlled components and ref‑based approaches, and provides detailed code examples for text, number, select, radio, and checkbox inputs, including techniques for parent‑child communication and value extraction.
This article explains why reactive programming simplifies logic, demonstrates a concrete age‑selection use case using RxJS operators like combineLatest and map, and shows how Angular's reactive forms, async pipe, and new ngIf features streamline UI development.
This article provides a comprehensive guide to HTML form elements, covering radio and checkbox handling, hidden and submit inputs, dropdown (select) creation and manipulation, dynamic option insertion methods, and the use of image maps, with special attention to cross‑browser quirks and JavaScript techniques.
This article explains the historical purpose of JavaScript for form validation, defines form elements and their attributes, discusses various input-related events and browser quirks, and provides practical CSS and JavaScript solutions for handling form layout, input handling, and cursor behavior.