प्रतिक्रिया जावास्क्रिप्ट ट्यूटोरियल

__future__ Python module | __main__ Python module | Angular by Google JavaScript library | ast Python module | code Python module | COM PHP module | dis Python module | DOM PHP module | Ev PHP module | exp | Expect PHP module | FFI PHP module | gc Python module | html Python module | http Python module | iat | imp Python module | io Python module | JavaScript | keyword Python module | News | os Python module | PS PHP module | pty Python module | Python Development | Python For dummies | Python functions | Rar PHP module | re Python module | React.js by Facebook JavaScript library | Reflection PHP module | resource Python module | site Python module | SPL PHP module | StackOverflow | stat Python module | struct Python module | sys Python module | test Python module | time Python module | types Python module | UI PHP module | URLs PHP module

Michael Zippo

पिछले कुछ वर्षों में, React.js एक लोकप्रिय फ्रेमवर्क के रूप में उभरा है जिसका उपयोग प्रभावी वेब एप्लिकेशन विकसित करने के लिए किया जाता है। यदि आपने जावास्क्रिप्ट के साथ काम करते हुए कोई समय बिताया है, तो संभावना है कि आपने किसी समय प्रतिक्रिया शब्द सुना होगा।

React.js, जिसे Facebook द्वारा विकसित किया गया है, एक JavaScript लाइब्रेरी है। यूजर इंटरफेस बनाने के लिए। रिएक्ट डेवलपर्स के लिए वेबसाइटों के लिए इंटरैक्टिव उपयोगकर्ता अनुभव बनाना और सौंदर्य की दृष्टि से आकर्षक बनाना आसान बनाता है। _ रिक्त" rel = "noopener"> डेवलपर सर्वेक्षण 2019 , React.js डेवलपर्स के बीच सबसे प्रिय वेब ढांचा है। रिएक्ट इतना लोकप्रिय है कि फेसबुक, कोडेकेडमी और न्यूयॉर्क टाइम्स जैसी साइटें सभी रिएक्ट फ्रेमवर्क का उपयोग करके बनाई गई हैं।

यह गाइड ऑनलाइन रिएक्ट का उपयोग करके प्रोग्रामिंग सीखने के सर्वोत्तम तरीके पर चर्चा करती है। आपकी प्रतिक्रिया सीखने की यात्रा शुरू करने के लिए आपको जो जानने की आवश्यकता है, हम उसे पारित करने जा रहे हैं।

जावास्क्रिप्ट क्या है?

इस पर चर्चा करने से पहले प्रतिक्रिया, हमें दो अवधारणाओं के बारे में बात करने की आवश्यकता है: फ्रंट-एंड डेवलपमेंट और जावास्क्रिप्ट

एक वेबसाइट के दो मुख्य घटक हैं: फ्रंट-एंड और बैक-एंड। फ्रंट-एंड वह है जो उपयोगकर्ता किसी साइट पर देखता है। बैक-एंड वह है जो उपयोगकर्ता नहीं देखते हैं, जैसे किसी साइट पर ई-प्रोसेस में स्क्रिप्टिंग फॉर्म।

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

React क्या है?

React.js एक ओपन सोर्स जावास्क्रिप्ट लाइब्रेरी है। इसका उपयोग वेब पेज के लिए यूजर इंटरफेस और कंपोनेंट्स बनाने के लिए किया जाता है। Facebook और खुला स्रोत समुदाय React.js को बनाए रखता है

आप किसी वेबसाइट के कुछ हिस्सों को रिएक्ट के साथ घटकों में समूहित कर सकते हैं, जो निर्माण के छोटे ब्लॉक हैं आपके आवेदन के लिए आयन। क्वेस्टो एप्रोसियो अल्ला कोडिफ़िका बसाटो सु कॉम्पोनेन्टी टी कंसेंट डि रिडुरे ला रिपिटिज़ियोन नेल टुओ कोडिस ई माइग्लियोरे ला वेलोसिटा डि अन`एप्लिकेज़िओन वेब। उदाहरण के लिए `डी` का प्रयोग करें। रिएक्ट फेसबुक से लेकर नेटफ्लिक्स और स्लैक तक का व्यवसाय है।

रिएक्ट JSX (जो जावास्क्रिप्ट एक्सटेंशन के लिए छोटा है) का उपयोग करता है जो HTML जैसे सिंटैक्स का उपयोग करके एक कुशल वेब लिखना आसान बनाता है। दूसरे स्थान पर, रिएक्ट वर्चुअल डोम नामक एक सुविधा प्रदान करता है, जो बहुत अधिक विवरण में जाने के बिना, साइटों की लोडिंग को तेज करता है।

React?

React.js में कोड करना सीखना किसी भी उभरते फ्रंट-एंड वेब डेवलपर के लिए आपके समय का एक बड़ा निवेश है। परन्तु ऐसा क्यों? सबसे पहले, विभिन्न प्रकार के बड़े संगठन न्यूयॉर्क टाइम्स से लेकर फेसबुक तक रिएक्ट का उपयोग करते हैं। यदि आप रिएक्ट में कोड करना जानते हैं, तो आपके पास एक महान कौशल होगा जिसे आप अपने रिज्यूमे में सूचीबद्ध कर सकते हैं। रिएक्ट घोषणात्मक वाक्य रचना और बाहरी पुस्तकालयों की एक विस्तृत श्रृंखला जैसी सुविधाएँ प्रदान करता है जो आपको शक्तिशाली वेब अनुभव बनाने की अनुमति देता है।

प्रतिक्रिया अधिक लोकप्रिय हो गई है, कच्चे संसाधनों की बढ़ती संख्या सामने आई है। इससे आपके लिए आरंभ करना आसान हो जाना चाहिए।

प्रतिक्रिया का उपयोग फ्रंट-एंड वेब विकास के लिए किया जाता है। यह वेब विकास का वह पक्ष है जो एक वेबसाइट के उस हिस्से का निर्माण कर रहा है जिसे उपयोगकर्ता देखता है। दूसरी ओर, बैकएंड डेवलपमेंट, एक वेबसाइट के पीछे "दिमाग" है।

प्रतिक्रिया डेवलपर्स को सामने के लिए पुन: प्रयोज्य घटक बनाने की अनुमति देती है। यह फ्रंट-एंड वेबसाइट लेखन प्रक्रिया में अधिक संरचना लाता है और कोड दोहराव को कम करने में मदद करता है।

ReactJS सीखने में कितना समय लगता है ?

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

यदि आप प्रति सप्ताह 10 घंटे रिएक्ट सीखने में लगाते हैं, तो आप पुस्तकालय का अधिक तेजी से उपयोग करना सीखेंगे। आप की तुलना में यदि आप कम समय सीखने में व्यतीत करते हैं। यदि आप रिएक्ट डे सीखने में दो घंटे लगाते हैं, तो आप कुछ महीनों के भीतर बुनियादी बातों में महारत हासिल करने में सक्षम हो जाएंगे।

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

क्या React को सीखना कठिन है?

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

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

जल्दी से प्रतिक्रिया करना सीखें

क्या आप आश्वस्त हैं कि प्रतिक्रिया करना सीखना आपके समय का अच्छा उपयोग है? महान! उत्तर देने के लिए एक प्रश्न है: आप जल्दी से प्रतिक्रिया करना कैसे सीख सकते हैं

सबसे पहले, हम उन मुख्य कौशलों पर चर्चा करेंगे जिनकी आपको प्रतिक्रिया करते समय जानने की आवश्यकता है। इसके बाद, हम इस बारे में बात करने जा रहे हैं कि आप वास्तव में इन कौशलों को कैसे सीख सकते हैं

अपने कौशल का विकास करें

React.js का उपयोग करके प्रोग्राम करना सीखना `भाषाई प्रोग्रामिंग सीखने से थोड़ा अलग है। ऐसा इसलिए है क्योंकि CSS या HTML जैसी तकनीकों के विपरीत, रिएक्ट एक पुस्तकालय है जो किसी अन्य प्रोग्रामिंग भाषा का हिस्सा है:। JavaScript

आपकी यात्रा में आपकी सहायता करने के लिए, हमने आपके सर्वोत्तम कौशल की एक सूची तैयार की है। मुझे निर्माण करना होगा।

HTML, CSS और JavaScript सीखें

React का उपयोग करके प्रोग्राम करने से पहले, आपको HTML, CSS और JavaScript सीखने की आवश्यकता है।

हालांकि HTML और CSS की आवश्यकता नहीं है, React द्वारा उपयोग किया जाने वाला JSX सिंटैक्स HTML पर आधारित है। यह कैसे काम करता है, यह समझने के लिए आपको HTML का अच्छा ज्ञान होना चाहिए। जब जावास्क्रिप्ट की बात आती है, तो प्रतिक्रिया जावास्क्रिप्ट पर आधारित होती है, इसलिए जावास्क्रिप्ट प्रोग्रामिंग सीखने का कोई तरीका नहीं है।

आपको जावास्क्रिप्ट की मूल बातें जानने की जरूरत है और प्रतिक्रिया के साथ शुरुआत करने के लिए आपको HTML और CSS की अच्छी समझ होनी चाहिए। . आपका सबसे अच्छा दांव जावास्क्रिप्ट ES6 या बाद में सीखने पर ध्यान केंद्रित करना है। यह आपको एक अच्छा आधार देगा जिस पर आप अपने जावास्क्रिप्ट कौशल का निर्माण कर सकते हैं। यह HTML और CSS की मूल बातें सीखने के अतिरिक्त होना चाहिए

यहां कुछ संसाधन दिए गए हैं जिनका उपयोग आप HTML, CSS और जावास्क्रिप्ट की मूल बातें जानने के लिए कर सकते हैं।

• एचटीएमएल, सीएसएस और जावास्क्रिप्ट के लिए कर्मा गाइड्स
• कोड अकादमी वेब डेवलपमेंट ट्यूटोरियल
• डिजिटल ओशन जावास्क्रिप्ट में कोड कैसे करें
• W3Schools` HTML, CSS और JavaScript Tutorial
• Mozilla JavaScript Basics

JSX

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

यहां कुछ विषय दिए गए हैं जिन्हें आपको JSX की अपनी समझ को गहरा करने के लिए एक्सप्लोर करना चाहिए:.

• JSX क्या है
• JSX एलीमेंट क्या है?
• विशेषताओं के साथ कैसे काम करें
• नेस्टेड तत्व और बाहरी JSX
• JSX का उपयोग करके तत्वों को प्रस्तुत करें
• REACT DOM का उपयोग करके तत्वों को प्रस्तुत करें
• वर्चुअल डोम

रूटिंग

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

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

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

• एक घटक वर्ग कैसे बनाएं
• एक घटक कैसे बनाएं
• कंपोनेंट को इंस्टेंट कैसे करें
• कंपोनेंट्स को कैसे इंटरैक्ट करें
• रेंडर फंक्शन में कंपोनेंट्स का इस्तेमाल कैसे करें
• कंपोनेंट्स को दूसरी फाइल से कैसे रेफर करें
• पंजीकृत और अपंजीकृत घटक

रेंडरिंग सूचियां

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

State and prop Management < /h4>

राज्य यह दर्शाता है कि वेब पेज पर प्रत्येक वस्तु कैसे दिखाई देती है। रिएक्ट एप्लिकेशन में प्रत्येक घटक की अपनी स्थिति हो सकती है, जो कि ce नामक वस्तु का हिस्सा है। दूसरी ओर, प्रॉप्स का उपयोग घटकों के बीच कोड साझा करने के लिए किया जाता है। रिएक्ट के साथ काम करने के लिए, आपको स्टेट्स और प्रॉप्स दोनों की अच्छी समझ होनी चाहिए। यहां मुख्य विषय हैं जिन्हें आपको जानना आवश्यक है:

• प्रतिक्रिया की स्थिति क्या है
• यह कीवर्ड
• रिएक्ट में प्रॉप्स का उपयोग कैसे करें
• PropTypes

Redux

Redux एक JavaScript लाइब्रेरी है जो आपके एप्लिकेशन की "स्थिति‚" को प्रबंधित करना आसान बनाती है। इस बिंदु पर आपने घटकों के बारे में जो सीखा है, उसके संदर्भ में स्थिति के बारे में सोचें।

द एक घटक की स्थिति प्रॉप्स की तरह होती है जो एक साधारण जावास्क्रिप्ट ऑब्जेक्ट की तरह एक घटक को पास की जाती है। इस ऑब्जेक्ट में ऐसी जानकारी होती है जो प्रभावित करती है कि एक घटक कैसे प्रस्तुत किया जाता है।

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

अगले चरण

हमने केवल जेएस अवधारणाओं के लिए रिएक्ट की सतह को खरोंच दिया है। क्योंकि पुस्तकालय i इतना लोकप्रिय है, लगातार अपडेट उपलब्ध हैं। ये अपडेट रिएक्ट के उपयोग को और अधिक मनोरंजक अनुभव बनाने के लिए और भी अधिक सुविधाएँ जोड़ना जारी रखते हैं।

हमने ऊपर जिन विषयों को कवर किया है, वे आपको React की बुनियादी क्षमताओं का एक विचार देंगे। एक बार जब आप इन विषयों में महारत हासिल कर लेते हैं, तो आप रिएक्ट इकोसिस्टम की अधिक उन्नत अवधारणाओं का पता लगाना जारी रख सकते हैं:

• उच्च-क्रम के घटक
• प्रतिक्रिया प्रसंग
• रिएक्ट हुक
• रिएक्ट कंपोनेंट्स प्रोप प्रस्तुत करते हैं
• रिएक्ट आइकॉन
• रिएक्ट फॉर्म
• रिएक्ट नेटिव
• एप्लीकेशन मैनिपुलेशन एपीआई जैसा कि आप रिएक्ट

देख सकते हैं, का उपयोग करते हुए, मूल बातें सीखने के बाद आप बहुत कुछ सीख सकते हैं! जब आप मूल बातें जानते हैं, तो ये तर्क स्वाभाविक रूप से आपके सामने आते हैं। वे सभी उन्हीं मूलभूत सिद्धांतों पर आधारित हैं जिनका उपयोग REACT लाइब्रेरी बनाने के लिए किया गया था।

मुफ्त में प्रतिक्रिया सीखने का सबसे अच्छा तरीका

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

React सीखना शुरू करने से पहले, अपने आप से पूछें। आप सबसे अच्छा कैसे सीख सकते हैं? है - आपको ट्यूटोरियल क्या पसंद हैं? या आप ऑनलाइन वीडियो पसंद करते हैं? है - आप इंटरैक्टिव परियोजनाओं पर काम करना पसंद करते हैं, या क्या आप सिद्धांत के साथ काम करते हैं, फिर अपनी खुद की परियोजनाओं का निर्माण करते हैं? . समय से पहले इस प्रश्न का उत्तर देकर, आप शैक्षिक सामग्री की तलाश में अपना ध्यान केंद्रित करने में सक्षम होंगे

आरंभ करने में आपकी सहायता के लिए, यहां कुछ स्थान दिए गए हैं जिनसे आप प्रतिक्रिया सीख सकते हैं:

ऑनलाइन संसाधन प्रतिक्रिया करें

प्रतिक्रिया दस्तावेज़ देखें

आधिकारिक प्रतिक्रिया दस्तावेज़ है प्रतिक्रिया सीखने के लिए सामग्री के सर्वोत्तम स्रोतों में से एक। प्रलेखन प्रतिक्रिया पुस्तकालय में हर बदलाव के साथ अद्यतन किया जाता है। इसका मतलब यह है कि आप साइट पर जो कुछ भी पढ़ते हैं वह रिएक्ट के नवीनतम संस्करण को प्रतिबिंबित करना चाहिए।

रिएक्ट प्रलेखन रिएक्ट कोर टीम और भावुक रिएक्ट डेवलपर्स के एक समुदाय द्वारा लिखा गया था। इसे उच्च गुणवत्ता वाली सामग्री का स्रोत माना जाता है।

चूंकि दस्तावेज़ रिएक्ट टीम द्वारा लिखा गया था, इसलिए आपको चिंता करने की कोई व्यावसायिक रुचि नहीं है। लोगों को रिएक्ट को बेहतर ढंग से समझने में मदद करने के लिए प्रलेखन विशुद्ध रूप से लिखा गया था। आप प्रतिक्रिया दस्तावेज़ अनुरक्षक पा सकते हैं। << / P> h4 id = "h-reaction-resources"> रिएक्ट करने के लिए संसाधन < / a>

REACT संसाधन उन लोगों के लिए संसाधनों की एक निर्देशिका है जो React के साथ काम करते हैं। रास्ते में आपकी मदद करने के लिए आपको ढेर सारे मार्गदर्शक मिलेंगे, जिन्हें पॉडकास्ट, किताबें, और व्याख्यान जैसी श्रेणियों में बांटा गया है।

रिएक्ट का परिचय

यह फ्रीकोडकैंप गाइड रिएक्ट की मूल बातें शामिल करता है। आप इस गाइड का पालन करके एपीआई से डेटा पुनर्प्राप्त करने वाला एक छोटा प्रोजेक्ट बनाना सीखेंगे।

अन्य संसाधन

आधिकारिक के अलावा < a href="https://reactjs.org/tutorial/tutorial.html" target = "_ रिक्त" rel = "noopener"> प्रतिक्रिया का परिचय ट्यूटोरियल, बहुत कुछ है महान गाइड और ट्यूटोरियल जिनका उपयोग आप रिएक्ट सीखने के लिए कर सकते हैं। रिएक्ट सिखाने के लिए ट्यूटोरियल का उपयोग आपके कौशल को सुधारने का एक शानदार तरीका है क्योंकि लेखक आमतौर पर अपने प्रतिबिंब को चरण दर चरण मानते हैं। . यदि आवश्यक हो, तो आप हमेशा ट्यूटोरियल में पहले के बिंदु पर वापस आ सकते हैं यदि आप अटक जाते हैं

यहां कुछ बेहतरीन ट्यूटोरियल और गाइड हैं जो रिएक्ट के लिए उपलब्ध हैं:

रिएक्ट ऑनलाइन कोर्स