रिएक्ट 16+ की नई विशेषताओं का एक विस्तृत विश्लेषण, भाग 1: सामान्य जानकारी

आज हम आपके लिए इस महान सामग्री के अनुवाद का पहला भाग प्रस्तुत करते हैं। यह नए रिएक्ट फीचर्स के एक विस्तृत विश्लेषण के लिए समर्पित है, जो इस लाइब्रेरी में संस्करण 16 के बाद से दिखाई दिया है। इस सामग्री के लेखक 5 वर्षों से प्रोग्रामिंग में लगे हुए हैं। अतीत में, वह एक डिजाइनर था और खुद को एक इलस्ट्रेटर के रूप में आज़माता था। उन्होंने लेख में कॉमिक्स को शामिल किया, जो उनकी राय में, पाठकों को बेहतर ढंग से समझने में मदद करेगा कि क्या चर्चा की जा रही है।

मूल में, यह लेख "Reintroducing React: हर प्रतिक्रिया अद्यतन v16 के बाद से विघटित" हकदार है। शीर्षक संकेत देता है कि पाठक, शायद पहले से ही प्रतिक्रिया से परिचित है, इस पुस्तकालय को फिर से जानने के लिए आमंत्रित है। रिएक्ट के लिए यह फिर से परिचय उसे व्यवस्थित करने में मदद करेगा जो वह पहले से जानता है और कुछ नया खोजता है।

इस सामग्री को कैसे पढ़ें?

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

यह सामग्री किसके लिए और क्यों लिखी गई थी?

मैंने लगभग 4 साल पहले अपना पहला रिएक्ट ऐप लिखा था। तब से, रिएक्ट के मूलभूत सिद्धांत नहीं बदले हैं। इससे पहले कि हम समान घोषणात्मक कोड और सभी समान घटक हों। यह सब अच्छा है, लेकिन जिस तरह से आधुनिक रिएक्ट एप्लिकेशन लिखे गए हैं, वह पहले की तुलना में अलग है। वर्षों से, रिएक्ट में बहुत सी नई चीजें सामने आई हैं, और इस पुस्तकालय में से कुछ को हटा दिया गया है।

यदि आपने लंबे समय तक रिएक्ट का अध्ययन किया है, तो यह काफी संभव है कि आप इस पुस्तकालय की नई विशेषताओं से विशेष रूप से वाकिफ नहीं हैं। इसके अलावा, यहां तक ​​कि जो नवाचारों का पालन करता है, उनमें बहुत अच्छी तरह से "खो" हो सकता है, इसलिए बोलने के लिए। स्थिति को कैसे ठीक किया जाए, यह महसूस करते हुए कि पुराने को छोड़ दिया जाना चाहिए, और नए में से किसे स्वीकार किया जाना चाहिए? आप उन आधुनिक रिएक्ट सुविधाओं को कैसे उजागर करते हैं जो आपको विशेष रूप से उपयोगी लग सकती हैं?

यहां तक ​​कि, मैं एक अनुभवी प्रोग्रामर, कभी-कभी खो जाता हूं, यदि आवश्यक हो, तो कुछ पुराने को भूलने और इसके बजाय कुछ नया सीखने के लिए। यह कुछ पूरी तरह से नई अवधारणा सीखने के रूप में मुश्किल लग सकता है।

यदि आप भी ऐसा कुछ महसूस करते हैं, तो मुझे उम्मीद है कि मेरा काम आपको उसकी जगह पर सब कुछ डालने में मदद कर सकता है।

वही कहा जा सकता है जिन्होंने अभी-अभी रिएक्ट सीखना शुरू किया है।

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

तथ्य की बात के रूप में, यहां हम विस्तार से सब कुछ नया करेंगे जो प्रतिक्रिया 16+ में दिखाई दिया।

16+ में क्या नया है?

पहली नज़र में, ऐसा लग सकता है कि रिएक्ट में, संस्करण 16 की रिलीज़ के बाद, इतने सारे बदलाव नहीं किए गए हैं। लेकिन वास्तव में ऐसा नहीं है। यहाँ हम किस बारे में बात करेंगे:

1. नए घटक जीवन चक्र के तरीके।
2. संदर्भ एपीआई का उपयोग करके सरलीकृत राज्य प्रबंधन।
3. संदर्भप्रकार गुण और संदर्भ API सुविधाएँ।
4. प्रोफाइलर अनुप्रयोग: आरेख, इंटरैक्शन विश्लेषण।
5. React.lazy और Suspense का उपयोग करके सामग्री का आलसी लोडिंग।
6. PureComponent- आधारित घटकों का एक कार्यात्मक संस्करण React.memo का उपयोग करके बनाया गया है।
7. हुक का उपयोग करके प्रतिक्रिया अनुप्रयोगों को सरल बनाएं।
8. उन्नत हुक-आधारित रिएक्ट एप्लिकेशन डिज़ाइन पैटर्न।

इस सूची के प्रत्येक आइटम को एक अलग बड़े खंड के रूप में प्रस्तुत किया गया है। पहला खंड नए घटक जीवन चक्र तकनीकों पर केंद्रित है।

प्रिय पाठकों! अब हम इस बारे में सोच रहे हैं कि क्या इस सामग्री की निरंतरता का अनुवाद किया जाए। यदि प्रतिक्रिया-विकास का विषय आपके करीब है, तो हम आपको वोट देने और टिप्पणी करने के लिए आमंत्रित करते हैं।