controlled और uncontrolled components समझाइए, और बताइए कि किसी form के लिए आप इनमें से कैसे चुनते हैं।

controlled component में React की state ही सच की जड़ है: input अपनी value state से पढ़ता है और हर keystroke onChange से गुजरता है। uncontrolled component में value DOM के पास रहती है और आप उसे ref से या submit पर form के data से पढ़ते हैं। controlled से live validation और उससे निकलने वाला UI मिलता है; uncontrolled का मतलब है बड़े forms पर कहीं कम renders और कम code।

controlled का मतलब है value React के पास है: value state से आती है, onChange उसे वापस लिखता है, और बिना render हुए input बदल ही नहीं सकता। uncontrolled का मतलब है वह DOM के पास है और मैं उसे तभी पढ़ता हूं जब मुझे चाहिए, या तो ref से या submit हुए form data से। छोटे forms पर मेरा डिफॉल्ट controlled है, क्योंकि आम तौर पर मुझे user के टाइप करते वक्त validation चाहिए होती है या ऐसा field जो किसी दूसरे field पर निर्भर हो। जब form करीब पंद्रह बीस inputs से आगे बढ़ जाता है, या जब कोई ऐसा field आ जाता है जो हर keystroke पर महंगा दोबारा render चलाता है, तो मैं uncontrolled पर चला जाता हूं और blur तथा submit पर validate करता हूं। लोकप्रिय form libraries भी अंदर से यही करती हैं, वे inputs को register करके संकरी subscription रखती हैं, पूरे form को दोबारा render नहीं करतीं। React 19 के form actions के साथ मेरा झुकाव uncontrolled की तरफ और बढ़ जाता है, क्योंकि action को FormData मुफ्त मिल जाता है, तो सीधे create या edit वाले form के लिए मैं state पूरी तरह छोड़ सकता हूं और pending तथा error की हालत useActionState से संभाल सकता हूं।