useTransition आपको क्या देता है, और आपने उसे कब इस्तेमाल किया है?

useTransition किसी state update को गैरजरूरी के तौर पर चिह्नित करता है। React मौजूदा screen को चलता हुआ रखता है, नया नतीजा पृष्ठभूमि में render करता है, और अगर कुछ ज्यादा जरूरी आ जाए, जैसे टाइप करना, तो वह काम फेंक भी सकता है। साथ में एक isPending झंडी मिलती है जिससे हल्की सी loading हालत दिखाई जा सके। इसे भारी view बदलावों के लिए इस्तेमाल कीजिए जैसे किसी बड़ी list को छांटना या tab बदलना, keystroke के लिए कभी नहीं।

बात यह है कि हर update एक ही प्राथमिकता का हकदार नहीं होता। search box में टाइप करना तुरंत दिखना चाहिए वरना input टूटा हुआ लगता है। तीन हजार छंटे हुए नतीजे दोबारा render होना उतना जरूरी नहीं। तो मैं input की value सामान्य state update रखता हूं और महंगे वाले को startTransition में लपेट देता हूं। तब React भारी पेड़ को पृष्ठभूमि में render करता है, काम के दौरान पुराने नतीजे screen पर रखता है, और अगर user दोबारा टाइप करे तो वह render छोड़कर नए सिरे से शुरू करता है। मैंने इसे एक search page पर इस्तेमाल किया जहां हर keystroke एक बड़ा result grid दोबारा बनाता था, और input में वह भयानक आधे सेकंड की अटक थी। नतीजों वाले update को transition में लपेटने से बिना किसी debouncing के टाइप करने का एहसास ठीक हो गया, और मैंने isPending से पुराने नतीजों को हल्का धुंधला कर दिया ताकि वह जमा हुआ न लगे। useDeferredValue कुछ ऐसा ही करता है, और मैं उसे तब उठाता हूं जब मेरे पास सिर्फ value हो, setter नहीं, जैसे जब value किसी prop से आ रही हो।