एनएक्स 16 यहाँ है!

May 03 2023

हमें Nx संस्करण 16 की रिलीज़ की घोषणा करते हुए गर्व हो रहा है! इस लेख में, हम Nx 16 के प्रमुख अपडेट और Nx 16 द्वारा लाए जाने वाले बदलावों के बारे में जानने के लिए आवश्यक जानकारी के प्रमुख अंशों पर जाएंगे! लेकिन इससे पहले कि हम Nx 16 की नई विशेषताओं में कूदें, आइए हमारे Nx 15 लघु रिलीज़ से हाल की कुछ विशेषताओं को फिर से देखें! · एनएक्स माइग्रेट के साथ अपग्रेड करने का तरीका यहां बताया गया है · @nrwl/* से @nx/* तक रेस्कोपिंग · डेनो स्टैंडअलोन ऐप्स, एज डिप्लॉयमेंट और अधिक · सरू फीचर टेस्टिंग · टास्क ग्राफ · एनएक्स रेपो अपने पैकेज मैनेजर के लिए पीएनपीएम पर स्विच करता है। अधिक जानें यहां बताया गया है कि Nx माइग्रेट के साथ कैसे अपग्रेड करें सभी नए Nx रिलीज के साथ, nx माइग्रेट का उपयोग आपके Nx पैकेज को उपयुक्त संस्करण में टक्कर देने के लिए किया जा सकता है, साथ ही आपके कोडबेस में कोई आवश्यक परिवर्तन भी किया जा सकता है। Nx 16 में अपडेट करने के लिए, चलाएँ यदि और माइग्रेशन उपलब्ध हैं, तो आपको एक माइग्रेशन दिखाई देगा.

लेकिन इससे पहले कि हम Nx 16 की नई विशेषताओं में कूदें, आइए हमारे Nx 15 लघु रिलीज़ से हाल की कुछ विशेषताओं को फिर से देखें!

हमने रिएक्ट, एंगुलर और नोड स्टार्टर एप्लिकेशन के लिए सरल प्रीसेट पेश किए
हमने एकीकृत Nx मोनोरेपो के लिए Vite और Vitest के लिए आधिकारिक समर्थन जोड़ा
हमने एक आधिकारिक डेनो प्लगइन पेश किया , जिसमें नोड और डेनो प्रोजेक्ट कोलोकेशन के लिए एकीकरण और डेनो आयात के लिए प्रोजेक्ट ग्राफ समर्थन शामिल है।
हमने कोर कार्यक्षमता को गति देने के लिए Nx कोडबेस में रस्ट को जोड़ा
हमने C#, Java, और कोटलिन जैसी अन्य भाषाओं पर केंद्रित कार्यक्षेत्रों का समर्थन करने के लिए गैर-npm कार्यस्थानों के लिए समर्थन जोड़ा , और उनमें से कुछ को .NET और Java/Kotlin के लिए सामुदायिक प्लगइन्स के साथ कार्य करते देखा।
IntelliJ और WebStorm जैसे JetBrains IDE के लिए Nx कंसोल पेश किया
हमने एनएक्स संस्करण को एंगुलर संस्करणों से अलग कर दिया है जिससे आप एंगुलर को अपडेट किए बिना एनएक्स को अपडेट कर सकते हैं

· एनएक्स माइग्रेट के साथ अपग्रेड करने का तरीका यहां दिया गया है
· @nrwl/* से @nx/* तक रेस्कॉपिंग
· डेनो स्टैंडअलोन ऐप्स, एज डिप्लॉयमेंट और अधिक
· सरू फीचर टेस्टिंग
· टास्क ग्राफ
· एनएक्स रेपो अपने पैकेज मैनेजर के लिए पीएनपीएम पर स्विच करता है
· अधिक जानें

यहां बताया गया है कि एनएक्स माइग्रेट के साथ कैसे अपग्रेड किया जाए

जैसा कि सभी नए Nx रिलीज़ के साथ होता है, इसका nx migrateउपयोग आपके Nx पैकेज को उपयुक्त संस्करण में टक्कर देने के लिए किया जा सकता है, साथ ही साथ आपके कोडबेस में कोई भी आवश्यक परिवर्तन करने के लिए किया जा सकता है।

एनएक्स 16 में अपडेट करने के लिए, दौड़ें

nx migrate latest

migrations.jsonयदि और माइग्रेशन उपलब्ध हैं, तो आपको अपने कार्यस्थान के रूट में एक फ़ाइल दिखाई देगी . यह फ़ाइल किसी और कोड जेनरेशन स्क्रिप्ट का वर्णन करेगी जिसे चलाया जाना चाहिए। इन्हें चलाने के लिए, कमांड का उपयोग करें..

nx migrate --run-migrations

माइग्रेशन चलाए जाने के बाद, आपको उन्हें अपने स्रोत नियंत्रण टूल में देखने में सक्षम होना चाहिए। सुनिश्चित करें कि आपके द्वारा सेट किए गए किसी भी स्वचालित परीक्षण को चलाकर सब कुछ अभी भी ठीक से काम कर रहा है।

nx migrateरेपो के लिए कमांड का उपयोग करके इस वास्तविक दुनिया के उदाहरण को देखें Tanstack/query:

साथ ही हमारे कोणीय उपयोगकर्ताओं के लिए एक अनुस्मारक के रूप में - हमने अब एनएक्स संस्करण को कोणीय संस्करणों से अलग कर दिया है , इसलिए जब तक आप कोणीय के एलटीएस संस्करण पर हैं, आप स्पर्श किए बिना नवीनतम एनएक्स संस्करण में माइग्रेट करने के लिए स्पष्ट हैं आपका कोणीय संस्करण! interactiveऐसा करने के लिए, विकल्प (जैसे nx migrate --interactive) का उपयोग करना सुनिश्चित करें । अधिक जानकारी के लिए इस वीडियो को देखें:

@Nrwl/* से @nx/* तक रेस्कॉपिंग

Nx 16 से अधिक प्रभावशाली परिवर्तनों में से एक यह है कि हम npm स्कोप को बदल रहे हैं जिसके तहत हम अपने पैकेज को से में प्रकाशित करते @nrwlहैं @nx। दूसरे शब्दों में, @nrwl/reactअब के रूप में प्रकाशित किया जाएगा @nx/react।

Nx आपके कार्यस्थानों को अद्यतन करने के लिए आदेश के माध्यम से स्वचालित रूप से इस माइग्रेशन को हैंडल करेगा nx migrate!

यह सुनिश्चित करने के लिए कि सामुदायिक प्लगइन्स टूटे नहीं हैं, @nrwl/*इन पैकेजों के संस्करणों को हटा दिया गया है लेकिन Nx 17 तक प्रकाशित होना जारी रहेगा जो अक्टूबर 2023 के लिए निर्धारित है।

और यदि आप चाहें तो अधिक जानकारी के लिए डॉक्स की जांच कर सकते हैं!

डेनो स्टैंडअलोन ऐप्स, एज परिनियोजन और बहुत कुछ

एनएक्स को कुछ समय के लिए नोड-आधारित बैकएंड विकसित करने के लिए समर्थन मिला है। यह आपके रिएक्ट या एंगुलर एप्लिकेशन के साथ मोनोरेपो-आधारित सेटअप में अपना बीएफएफ बनाने के लिए एक लोकप्रिय विकल्प था। एनएक्स 15.7 में हमने उस समर्थन का विस्तार करने का फैसला किया और वास्तव में समग्र डीएक्स में सुधार करने के लिए गहराई से जाना।

इस पुनरावृत्ति में डेनो को काफी प्यार मिला :

स्टैंडअलोन ऐप सपोर्ट — अब आप Nx के साथ एक नया सिंगल-प्रोजेक्ट Deno वर्कस्पेस तैयार कर सकते हैं। बस भागो npx create-nx-workspace --preset=@nx/deno। Deno के साथ उठने और दौड़ने का शायद सबसे तेज़ तरीका
ओक के साथ डेनो स्थापित करने के लिए हमने एनएक्स जनरेटर भी जोड़े । --frameworkजब आप एक नया Deno ऐप सेट करते हैं तो बस विकल्प पास करें (या Nx कंसोल का उपयोग करें )

एक बिलकुल नया @nx/netlifyपैकेज बनाया (वर्तमान में प्रयोगशालाओं में ) जो आपको Netlify कार्यों को विकसित करने और आगे बढ़ाने के लिए एक नया प्रोजेक्ट स्थापित करने की अनुमति देता है, या आप जनरेटर का उपयोग करके किसी मौजूदा प्रोजेक्ट में सर्वर रहित परिनियोजन समर्थन जोड़ सकते हैं @nx/netlify:setup-serverless। विषय पर हमारी गहन रेसिपी देखें:https://nx.dev/recipes/deployment/node-serverless-functions-netlify
एडब्ल्यूएस के लिए लैम्ब्डा कार्यों की@nx/aws-lambda तैनाती के लिए नए सिरे से प्रकाशित । हमारे नवीनतम नुस्खा में सभी विवरण:https://nx.dev/recipes/deployment/node-aws-lambda
Deno Deploy और Netlify दोनों के लिए सर्वर रहित परिनियोजन के लिए समर्थन जोड़ने के लिए हमारे मौजूदा Deno पैकेज में सुधार किया । इस तरह के समर्थन को जनरेटर का उपयोग करके मौजूदा ऐप में जोड़ा जा सकता है @nx/deno:setup-serverlessऔर --platformफ़्लैग प्रदान किया जा सकता है जो या तो इंगित करता है deno-deployया netlify।

Nx उन ऐप्स के लिए e2e परीक्षण सेट करता है जो कई सुविधाएँ एकत्रित करते हैं। यह एक बड़े परमाणु सूट के रूप में समाप्त होता है जो Nx अलग करने में अच्छा नहीं है। Nx 16 के साथ, हमने इन परीक्षणों को उनके द्वारा परीक्षण की जाने वाली वास्तविक विशेषता के करीब वितरित करना आसान बना दिया है। इससे यह nx affectedनिर्धारित करना बहुत आसान हो जाएगा कि कौन से परीक्षण वास्तव में आवश्यक हैं।

मुझे Nx के अपने Caleb (जो इस सुविधा के लिए अधिकांश विकास का नेतृत्व करते हैं) के साथ-साथ सरू के जॉर्डन पॉवेल के साथ एक लाइव स्ट्रीम करने का अवसर मिला, जिन्होंने इस प्रयास में योगदान दिया - इसे देखें:

टास्क ग्राफ

Nx 16.0 Nx द्वारा निर्धारित आपके प्रोजेक्ट और कार्य ग्राफ़ की कल्पना करने के लिए और अधिक सहायक उपकरण भी प्रस्तुत करता है:

विशेष रूप से टास्क ग्राफ़ यह देखने में मददगार होता है कि जब आप कमांड चलाते हैं तो वास्तव में क्या चलता है, और Nx 16.0 के साथ, अब आप उस --graphविकल्प का उपयोग कर सकते हैं जब अधिकांश Nx कमांड चल रहे कार्यों के ग्राफ़ को देखने के लिए चलेंगे - उदाहरण के लिए:

nx build react --graph

एनएक्स रेपो अपने पैकेज मैनेजर के लिए पीएनपीएम पर स्विच करता है

आंतरिक रूप से, एनएक्स रेपो नेpnpm अपने पैकेज मैनेजर के रूप में उपयोग करने के लिए स्विच किया । स्विच करने के बाद से हमने निम्नलिखित लाभों पर ध्यान दिया है:

प्रकाशित करना 2x तेज है
सीआई गुना घट गया
स्थापना समय कम हो गया

ऊपर लपेटकर!

Nx 16.0 के लिए बस इतना ही - हमें आपके लिए यह सब बढ़िया चीजें लाने का अवसर बहुत पसंद आया है, और हम Nx को अपनी उत्पादकता बढ़ाने के लिए एक शानदार टूल बनाने पर निरंतर ध्यान देने के साथ अपना अगला पुनरावृत्ति शुरू करने के लिए उत्सुक हैं। रेपो प्रबंधन कार्य समीकरण से बाहर हैं ताकि आप अच्छी सामग्री की शिपिंग पर ध्यान केंद्रित कर सकें।