आप useState की जगह useRef कब इस्तेमाल करते हैं?

useRef तब इस्तेमाल कीजिए जब आपको ऐसी बदलने वाली value चाहिए जो renders के बीच बची रहे पर render न कराए: कोई DOM node, कोई timer id, किसी prop की पिछली value, यह याद रखती झंडी कि कुछ पहले ही चल चुका है। useState तब इस्तेमाल कीजिए जब value UI में दिखनी चाहिए, क्योंकि ref में लिखने से कोई render तय नहीं होता। सीधा नियम यह है: अगर screen बदलनी चाहिए, तो वह state है।

बंटवारे की रेखा यह है कि value बदलने पर screen दोबारा रंगनी चाहिए या नहीं। state रंगती है, ref नहीं। तो ref वहां जाती है जहां चीज UI नहीं, हिसाब किताब है: वह DOM node जिसे मुझे focus करना या नापना है, वह interval id जिसे unmount पर हटाना है, किसी prop की पिछली value ताकि मैं तुलना कर सकूं, यह याद रखती झंडी कि मैंने यह पहले ही कर लिया है। क्लासिक गलती है किसी चीज को ref में रखकर हैरान होना कि UI कभी अपडेट क्यों नहीं होता, और उसका उल्टा है scroll की जगह state में रखकर हर scroll पर दोबारा render करना। मैं यह नियम भी रखता हूं कि render के दौरान refs न पढ़ूं न लिखूं, सिर्फ effects और event handlers में, क्योंकि render के दौरान React उम्मीद करता है कि function शुद्ध रहे और ref पढ़ने से आपको अलग अलग दौरों में अलग values मिल सकती हैं। React 19 में एक अच्छा बदलाव यह है कि function components के लिए ref अब सामान्य prop है, तो मैंने चीजों को forwardRef में लपेटना छोड़ दिया।