Tagged articles
5 articles
Page 1 of 1
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 ComponentsReactState Management
0 likes · 30 min read
Unlocking Progressive State Management with Zustand – Is There a Silver Bullet?
ByteFE
ByteFE
Feb 22, 2021 · Frontend Development

Mastering React Forms: From Official APIs to Advanced Community Solutions

This article provides a comprehensive analysis of form handling in React, covering the fundamentals of forms, the official controlled and uncontrolled approaches, and a detailed comparison of major community libraries such as rc-form, rc-field-form, Formik, React‑final‑form, react‑hook‑form, and Formily, including code examples, performance considerations, and practical usage tips.

Controlled ComponentsFormFormik
0 likes · 45 min read
Mastering React Forms: From Official APIs to Advanced Community Solutions
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 ComponentsFormsJavaScript
0 likes · 15 min read
React Forms: Using Refs (Translation)