React 19 के Actions मुझे समझाइए और बताइए कि useActionState उसमें कहां बैठता है।

Action एक async function है जो आप React को सौंपते हैं, आम तौर पर form के action prop से या startTransition से। pending हालत, errors और क्रम आप boolean झंडियां जोड़कर नहीं, React संभालता है। useActionState एक action और एक शुरुआती state लेता है और मौजूदा state, form को देने लायक एक लिपटा हुआ action, तथा एक isPending झंडी लौटाता है। useFormStatus किसी अंदर बैठे component से pending हालत पढ़ता है, और useOptimistic उम्मीद का नतीजा तुरंत दिखा देता है।

Actions से पहले हर mutation का मतलब था वही चार टुकड़े state: loading, error, नतीजा, और दो बार submit रोकने के लिए कुछ। Actions यह सब React के अंदर समेट देते हैं। मैं एक async function लिखता हूं जो काम करता है, उसे शुरुआती state के साथ useActionState को देता हूं, और मुझे वापस मिलती है मौजूदा state, form के action prop पर लगाने लायक एक action, और isPending। React उसे एक transition के अंदर चलाता है, तो pending झंडी और क्रम मुफ्त मिल जाते हैं, और अगर दो submit दौड़ें तो बाद वाला नतीजा जीतता है, यह नहीं कि जो network call पहले लौट आए। form के अंदर गहरे बैठे submit button के लिए मैं useFormStatus इस्तेमाल करता हूं ताकि वह prop नीचे भेजे बिना pending पढ़ सके। और comment box जैसी किसी चीज के लिए मैं useOptimistic जोड़ देता हूं ताकि comment तुरंत दिखे, और अगर action fail हो जाए तो React optimistic state को खुद असली state पर वापस ले आता है। व्यावहारिक फायदा यह है कि form component करीब सत्तर लाइन से बीस लाइन पर आ जाता है और किनारे वाले मामले याद रखना मेरी जिम्मेदारी नहीं रह जाता।