Tag

Controlled Components

1 views collected around this technical thread.

Goodme Frontend Team
Goodme Frontend Team
Mar 25, 2024 · Frontend Development

Mastering React Forms: When to Use Controlled vs Uncontrolled Components

This article explains modern best practices for building forms in React, compares controlled and uncontrolled approaches, shows how to mix them, discusses server‑side components, validation, error handling, and recommends using FormData over useRef for cleaner, more performant code.

Controlled ComponentsFormsReact
0 likes · 16 min read
Mastering React Forms: When to Use Controlled vs Uncontrolled Components
Alipay Experience Technology
Alipay Experience Technology
Dec 16, 2022 · Frontend Development

Unlocking Progressive State Management with Zustand – Is There a Silver Bullet?

This article walks through using the Zustand state‑management library in a complex React component, covering store initialization, actions, selectors, modular file structure, handling controlled vs uncontrolled modes, performance optimizations, and devtools integration, while sharing practical tips and code examples for scalable frontend development.

Controlled ComponentsFrontend DevelopmentPerformance Optimization
0 likes · 30 min read
Unlocking Progressive State Management with Zustand – Is There a Silver Bullet?
Hujiang Technology
Hujiang Technology
Jul 27, 2017 · Frontend Development

React.js Controlled Form Components: Comprehensive Guide and Code Examples

This article provides a detailed walkthrough of building controlled form components in React.js, covering text, number, checkbox, radio, textarea, and select inputs, along with state management, form submission, clearing, validation, and full source code examples.

Controlled ComponentsFormFrontend
0 likes · 25 min read
React.js Controlled Form Components: Comprehensive Guide and Code Examples
Hujiang Technology
Hujiang Technology
Jun 27, 2017 · Frontend Development

React Forms: Using Refs (Translation)

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.

Controlled ComponentsFormsFrontend
0 likes · 15 min read
React Forms: Using Refs (Translation)