Next.js 13.4 रिलीज़: App Router स्थिर, Server Actions alpha जोड़ा गया

• App Router (Stable)
• Turbopack (Beta)
  • 13 में जोड़ा गया Turbopack अब Beta चरण में पहुँचा
  • स्थिरता और फ़ीडबैक के लिए Vercel.com और बड़े पैमाने पर Next.js चलाने वाले Vercel ग्राहकों के बीच dogfooding किया जा रहा है
• Server Actions (Alpha)
  • React इकोसिस्टम में form state management को लेकर कई तरह की राय हैं
  • React के आधिकारिक दस्तावेज़ "uncontrolled components" की सिफारिश करते हैं
  • Next.js server में form के लिए action function असाइन करने की सुविधा जोड़ी गई है (Server Actions)
  • server component में form के props में action के ज़रिए function असाइन किया जा सकता है
  • यह function 'use server'; लिखकर server function की तरह काम करता है
  • next package के माध्यम से page navigation, caching आदि के लिए server function का उपयोग किया जा सकता है

[woohm402]

क्या React के आधिकारिक दस्तावेज़ों में controlled components की सिफारिश नहीं की जाती?

[carrotfarm]

अगर इसे controlled component के रूप में करें तो script का इस्तेमाल करना पड़ता है
और उसके लिए इसे client component बनाना पड़ता है, लेकिन ऐसा करने पर
cache वगैरह के मामले में नुकसान होता है.

इस बार जो server action जोड़ा गया है, उससे लगता है कि component के अंदर की function में
'use server' घोषित किया जा सकता है,
जिससे mutation के समय भी server component को बनाए रखते हुए इसका इस्तेमाल किया जा सकता है.

इस बार का Next.js script के इस्तेमाल को न्यूनतम करने की कोशिश कर रहा है, और इसकी कुल रणनीति वगैरह को देखें तो
यह काफी हद तक Remix जैसा लगता है.

server code और client code का इस तरह मिला होना
पुराने PHP की याद दिलाता है

[opnayn]

मेरी अनुवाद क्षमता थोड़ी कमजोर थी, इसलिए अटपटा भावानुवाद हो गया। मूल पाठ Server Actions के पहले पैराग्राफ़ का है।

React ecosystem में forms, form state को manage करने, और data को cache तथा revalidate करने के तरीकों को लेकर काफी innovation और ideas की खोज हुई है। समय के साथ, React इनमें से कुछ patterns को लेकर अधिक opinionated हो गया है। उदाहरण के लिए, form state के लिए इसने “uncontrolled components” की सिफारिश की।