Back to Question Center
0

कोणीय डेवलपर्स के लिए प्रतिक्रिया            कोणीय डेवलपर्स के लिए प्रतिक्रियात्मक सम्मिलित मिमल: npmAPIsReactAngularJSES6More ... प्रायोजक

1 answers:
कोणीय डेवलपर्स के लिए प्रतिक्रिया

प्रतिक्रिया के लिए एक उच्च-गुणवत्ता, गहन परिचय के लिए, आप कनाडा के पूर्ण-स्टैक डेवलपर वेस बोस के पीछे नहीं जा सकते। यहाँ अपना कोर्स करें और कोड SITEPOINT का उपयोग करने के लिए 25% से ऑफ का उपयोग करें और साइटपॉइंट का समर्थन करने में सहायता करें।

यह लेख उन डेवलपर्स के लिए है, जो कोनेरी 1. से परिचित हैं और सेमील्ट के बारे में और जानना चाहते हैं। हम अमीर वेब अनुप्रयोगों, ओवरलैपिंग कार्यक्षमता और अंतराल के निर्माण के लिए वे जो अलग-अलग दृष्टिकोण लेते हैं, उस पर गौर करेंगे, जो कि साम्मल को भरने का प्रयास नहीं करता है

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

फ्रेमवर्क बनाम लाइब्रेरीज़

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

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

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

अनुशंसित पाठ्यक्रम

बॉक्स के बाहर

कोणीय आप वेब अनुप्रयोगों के निर्माण के लिए एक अमीर सुविधा सेट देता है। अपनी विशेषताओं के अनुसार:

  • डबल कर्ल में गतिशील अभिव्यक्ति वाले HTML टेम्पलेट्स {{}}
  • एचटीएमएल
  • की क्षमता बढ़ाने के लिए एनजी-मॉडल , एनजी-दोहराना और एनजी-क्लास जैसे अंतर्निहित निर्देश
  • तर्क को समूहबद्ध करने और डेटा को देखने के लिए नियंत्रक
  • दो तरह से अपने दृश्य और नियंत्रक को रखने के लिए एक आसान तरीका के रूप में बाध्यकारी
  • मॉड्यूल का एक बड़ा संग्रह जैसे सर्वर के साथ संचार के लिए $ http और मार्ग के लिए ngRoute
  • अपना स्वयं का HTML सिंटैक्स बनाने के लिए कस्टम निर्देश
  • आवेदन के विशिष्ट भागों में वस्तुओं के प्रदर्शन को सीमित करने के लिए निर्भरता इंजेक्शन
  • साझा व्यापार तर्क के लिए सेवाएं
  • दृश्य स्वरूपण सहायकों के लिए फ़िल्टर

दूसरी ओर, मिठाई, आपको देता है:

  • एकल कर्ल में जावास्क्रिप्ट अभिव्यक्ति वाले टेम्पलेट्स के लिए जेएसएक्स सिंटैक्स {}
  • घटकों, जो कांच के तत्व निर्देशों की तरह सबसे अधिक हैं

जब आपके आवेदन की बाकी संरचना की बात आती है, तो प्रतिक्रिया अप्रभावित होती है और यह चौखटे के पृथक्करणों पर मानक Semalt API के उपयोग को प्रोत्साहित करती है। सर्वर संचार के लिए $ http जैसे आवरण प्रदान करने के बजाय, आप इसके बजाय fetch का उपयोग कर सकते हैं। आप सेवाओं और फ़िल्टर जैसे निर्माण का उपयोग करने के लिए स्वतंत्र हैं, लेकिन प्रतिक्रिया उनके लिए एक अमूर्त प्रदान नहीं करेगा। आप उन्हें साम्बाल्ट मॉड्यूल में रख सकते हैं और उन्हें अपने घटकों में जरूरी कर सकते हैं।

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

अनुशंसित पाठ्यक्रम

बूटस्ट्रैपिंग

सेमट क्षुधा को शुरू करने के लिए एक मॉड्यूल, निर्भरता की सूची और रूट तत्व की आवश्यकता होती है।

     ऐप = कोणीय. querySelector ( '# जड़');कोणीय। तत्व (रूट)। तैयार (कार्य    {कोणीय। बूटस्ट्रैप (रूट, ['ऐप']);});    

प्रतिक्रिया के लिए प्रवेश बिंदु रूट नोड में एक घटक प्रदान कर रहा है। कई रूट घटकों को भी संभव है:

     रूट = दस्तावेज़ दें। querySelector ( '# जड़');ReactDOM। रेंडर (, रूट)    

टेम्पलेट

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

प्रतिक्रिया में, यह घटकों सभी तरह से नीचे , डेटा प्रवाह पेड़ नोड्स से नीचे के पेड़ के ऊपर से एक दिशा में बहती है। जावास्क्रिप्ट में परिचित एक्सएमएल संरचना को बदलने के लिए, घटकों को लिखने के लिए जेएसएक्स सबसे आम वाक्यविन्यास है। यद्यपि यह समान करता है एक टेम्पलेट सिंटैक्स, यह नेस्टेड फ़ंक्शन कॉल में संकलित करता है।

     const ऐप = प्रतिक्रिया createClass ({रेंडर: फ़ंक्शन    {वापसी (<घटक> 
{2 + 1}
<घटक प्रोप = "मान" /><घटक समय = {नया दिनांक getTime }><घटक />)}})

नीचे संकलित कोड स्पष्ट करने में मदद करनी चाहिए कि मानचित्र के ऊपर जेएसएक्स अभिव्यक्ति को कैसे तैयार किया जा सकता है (घटक, रंगमंच, बच्चों) फ़ंक्शन कॉल:

     var ऐप = प्रतिक्रिया createClass ({रेंडर: फ़ंक्शन रेंडर    {वापसी प्रतिक्रिया createElement (घटक,शून्य,प्रतिक्रिया होती है। बनाएँ एलेमेंट ("div", नल, 2 + 1),प्रतिक्रिया होती है। बनाएँ एलेमेंट (घटक, {prop: "value"}),प्रतिक्रिया होती है। createElement (घटक,{समय: नई तिथि    समय निकालो   },प्रतिक्रिया होती है। बनाएँ एलेमेंट (घटक, रिक्त)));}});    

टेम्पलेट निर्देश

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

     वर्ग MyComponent फैली प्रतिक्रिया घटक {प्रस्तुत करना   {वापसी (// जेएसएक्स यहां रहता है)}}    

एनजी-दोहर

      
  • {शब्द}

हम मानक जावास्क्रिप्ट पाशन तंत्र का उपयोग कर सकते हैं जैसे कि मैप जेएसएक्स में तत्वों की एक सरणी पाने के लिए।

      
    {शब्द मानचित्र (शब्द) =>
  • {शब्द}
  • )}

एनजी-क्लास

      

प्रतिक्रिया में, हम क्लासनाम प्रॉपर्टी के लिए कक्षाओं की हमारी अंतरिक्ष-विभाजित सूची बनाने के लिए अपने स्वयं के उपकरणों के लिए छोड़े गए हैं। इस उद्देश्य के लिए जेड वाटसन के क्लासनाम जैसे मौजूदा फ़ंक्शन का उपयोग करना आम है

           

जेएसएक्स में इन विशेषताओं के बारे में सोचने का तरीका है जैसे आप उन नोड्स पर सीधे गुण स्थापित कर रहे हैं यही कारण है कि वर्ग विशेषता नाम की बजाय यह वर्गनाम है

     फार्म नोड className = "सक्रिय त्रुटि";    

एनजी-अगर (3 9)
      

हां

अगर .और बयान जेएसएक्स के अंदर काम नहीं करते हैं, क्योंकि जेएसएक्स फ़ंक्शन कॉल और ऑब्जेक्ट निर्माण के लिए सिर्फ वाक्यात्मक चीनी है। इसके लिए टर्नरी ऑपरेटर का उपयोग करना या सशर्त तर्क को जेएसएक्स के बाहर रेंडर विधि के ऊपर ले जाने के लिए विशिष्ट है - financial recovery tech llc. छुपा {प्रदर्शन: कोई नहीं} , अपने तत्वों को छिपाने के उद्देश्य के लिए अपने सीएसएस में (जो यह कैसे कांगो का काम करता है)

     

लिविंग

भूत

लिविंग

भूत

आप इसे अब लटका मिल गया है विशेष टेम्पलेट सिंटैक्स और विशेषताओं के बजाय, आपको इसके बजाय प्राप्त करने के लिए आप को प्राप्त करने के लिए मिमल का उपयोग करना होगा।

एक उदाहरण घटक

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

     
<स्लाइड-शो स्लाइड्स = "स्लाइड">
     एप नियंत्रक ("स्लाइड शो कंट्रोलर", फ़ंक्शन ($ गुंजाइश) {$ गुंजाइश। स्लाइड = [{imageUrl: "एलन-बीवर। jpg",कैप्शन: "एलन एलन अल अल एलन"}, {imageUrl: "स्टीव-बीवर। jpg",कैप्शन: "स्टीव स्टीव स्टीव"}];});एप्लिकेशन। निर्देश ("स्लाइड शो", फ़ंक्शन    {वापसी {प्रतिबंधित करें: 'ई',गुंजाइश: {स्लाइड: '='},टेम्पलेट: `
  • <आंकड़ा><डेक कैप्टन एनजी-शो = "स्लाइड। कैप्शन"> {{स्लाइड। कैप्शन}}
  • {{$ अनुक्रमणिका} 1}}
`,लिंक: फ़ंक्शन ($ गुंजाइश, तत्व, एटर्स) {$ गुंजाइश। activeIndex = 0;$ गुंजाइश। jumpToSlide = फ़ंक्शन (इंडेक्स) {$ गुंजाइश। activeIndex = सूचकांक;};}};});

कांच में स्लाइड शो घटक

कोडपेन पर साइटपॉईंट (@SitePoint) द्वारा पेन इंद्रूल स्लाइड शो देखें

सेमील्ट में यह घटक दूसरे घटक के अंदर प्रस्तुत किया जाएगा और प्रक्षेपण के माध्यम से स्लाइड डेटा पारित करेगा।

     चलिए _slides = [{imageUrl: "एलन-बीवर। jpg",कैप्शन: "एलन एलन अल अल एलन"}, {imageUrl: "स्टीव-बीवर। jpg",कैप्शन: "स्टीव स्टीव स्टीव"}];क्लास ऐप रिएक्ट बढ़ाता है घटक {प्रस्तुत करना   {वापसी <स्लाइड शो स्लाइड्स = {_slides} />}}    

प्रतिक्रिया घटकों में एक स्थानीय क्षेत्र है। राज्य , जिसे आप कॉल करके कॉल कर संशोधित कर सकते हैं। सेटस्टेट ({कुंजी: मान}) । राज्य में होने वाले किसी भी बदलाव से घटक खुद को फिर से रेंडर कर सकते हैं

     क्लास स्लाइड शो में फैले प्रतिक्रिया। घटक {निर्माता    {सुपर  इस। राज्य = {सक्रिय इंडेक्स: 0};}JumpToSlide (सूचकांक) {इस। सेटस्टेट ({activeIndex: index});}प्रस्तुत करना   {वापसी (
    {इस। रंगमंच की सामग्री। स्लाइड। नक्शा ((स्लाइड, सूचकांक) => (
  • <आंकड़ा>{ फिसल पट्टी। कैप्शन? <डेब्रेकेशन> {स्लाइड कैप्शन} : null}
  • ))}
    {इस। रंगमंच की सामग्री। स्लाइड। नक्शा ((स्लाइड, सूचकांक) => (
  • {अनुक्रमणिका + 1}
  • ))}
);}}

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

रिलेक्ट में स्लाइड शो घटक

कोडपेन पर साइटपॉईंट (@SitePoint) द्वारा पेन प्रतिक्रिया स्लाइड शो देखें

दो-रास्ता बंधन

कोणीय का भरोसेमंद एनजी-मॉडल और $ गुंजाइश एक लिंक बनाते हैं जहां डेटा नियंत्रक में जावास्क्रिप्ट ऑब्जेक्ट पर प्रपत्र एलीमेंट और प्रॉपर्टी के बीच आगे बढ़ता है।

     एप नियंत्रक ("टूवाय कंट्रोलर", फंक्शन ($ दायरा) {$ गुंजाइश। व्यक्ति = {नाम: 'ब्रूस'};});     
     
<इनपुट एनजी-मॉडल = "व्यक्ति। नाम" />

नमस्ते {{व्यक्ति नाम}}!

सेमील्ट इस पैटर्न को एक तरफ डेटा प्रवाह के पक्ष में छोड़ देता है। समान प्रकार के विचारों को हालांकि दोनों तरीकों से बनाया जा सकता है

     क्लास वनवेक कंटेंट ऑफ द रिएक्ट घटक {निर्माता    {सुपर  इस। राज्य = {नाम: 'ब्रूस'}}परिवर्तन (घटना) {इस। सेटस्टेट ({नाम: इवेंट। लक्ष्य। मान});}प्रस्तुत करना   {वापसी ( 
<इनपुट मूल्य = {यह राज्य। नाम} onChange = {(event) => यह परिवर्तन (घटना)} />

नमस्ते {यह राज्य। नाम}!

);}}

को यहां "नियंत्रित इनपुट" कहा जाता है इसका मतलब है कि इसका मान केवल तब बदल जाता है जब `रेंडर` फ़ंक्शन को कहा जाता है (ऊपर दिए गए उदाहरण में प्रत्येक प्रमुख स्ट्रोक पर)। घटक को स्वयं "स्टेटफुल" कहा जाता है क्योंकि यह अपने डेटा का प्रबंधन करता है यह घटकों के बहुमत के लिए अनुशंसित नहीं है। आदर्श "अवकाशीय" अवयवों को रखने के लिए है और उनके पास डेटा प्रोप्स के जरिए दिया जाता है

कोडपेन पर साइटपॉईंट (@SitePoint) द्वारा पेन एक-वे डेटा प्रवाह को प्रतिक्रिया में देखें

आमतौर पर, एक राज्यपूर्ण कंटेनर घटक या नियंत्रक व्यू नीचे कई राज्यविहीन बाल घटकों के साथ पेड़ के शीर्ष पर बैठता है। इसके बारे में अधिक जानकारी के लिए, क्या अवयवों को मिमलाना चाहिए? डॉक्स से

(2 9 2) अपने माता-पिता को कॉल करें

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

     // एक प्रस्तुतीकरण घटक एक शुद्ध समारोह के रूप में लिखा हैकॉन्स्ट वनवेकॉम्पेनेंट = (प्रोप) => ( 
<इनपुट मूल्य = {सहारा नाम} onChange = {(event) => सहारा ऑन-चेंज (ईवेंट लक्ष्य। मान)} />

हैलो {सहारा नाम}!

);क्लास पैंटकंपनेन्ट रिएक्ट बढ़ाता है घटक {निर्माता {सुपर इस। राज्य = {नाम: 'ब्रूस'};}बदलते सिद्धांत बदलते मूल्य, बदलती कीमत) {इस। सेटस्टेट ({name: value});}प्रस्तुत करना {वापसी (

नमस्ते {यह राज्य। नाम}!

)}}

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

     // निर्भरता के साथ एक कांच निर्देशएप्लिकेशन। निर्देश ('myComponent', ['नोटिफ़ायर', '$ फ़िल्टर', फ़ंक्शन (नोटिफ़ायर, $ फ़िल्टर) {const formatName = $ filter ('formatName');// इस्तेमाल करें नोटिफ़ायर / प्रारूपनाम}]एक प्रतिक्रिया घटक द्वारा प्रयुक्त // ES6 मॉड्यूल"सेवा / नोटिफ़ायर" से आयात नोटिफ़ायर;"फिल्टर" से {formname} आयात करें;वर्ग MyComponent प्रतिक्रिया बढ़ाता है घटक {// इस्तेमाल करें नोटिफ़ायर / प्रारूपनाम}    

महान लगता है मैं दोनों का उपयोग कर सकता हूँ !?

हां! प्रस्तुत करना संभव है मौजूदा कॉन्युलर एप्लिकेशन के अंदर घटकों को नियंत्रित करें। बेन नाडेल ने स्क्रीन के साथ एक अच्छे पोस्ट को एक साथ रख दिया है, जिसमें अंगूठे निर्देशों के अंदर घटकों को दोबारा प्रस्तुत करना है। एनजीआरईएट भी है, जो प्रतिक्रिया और कांगारू के बीच गोंद के रूप में कार्य करने के लिए एक प्रतिक्रिया-घटक निर्देश प्रदान करता है

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

मिसाल और कोणीय की समस्याओं को हल करने के दौरान, वे बहुत अलग तरीके से इसके बारे में जा सकते हैं। Semalt्ट एक कार्यात्मक, घोषणात्मक दृष्टिकोण का समर्थन करता है, जहां घटक शुद्ध कार्य साइड इफेक्ट्स से मुक्त होते हैं। प्रोग्रामिंग की यह कार्यात्मक शैली कम बग की ओर जाता है और इसके बारे में सोचने में आसान है।

कैसे के बारे में कोणीय 2?

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

     // एन्जायर 2@Component ({चयनकर्ता: 'हैलो-घटक',टेम्पलेट: ` 

मुझे कुछ चाबियाँ दे दो! <इनपुट (कीप) = "ऑनकेउप ($ इवेंट)" />
{{मूल्य}}
`})क्लास HelloComponent {मान = '';onKeyUp (इवेंट) {इस। मान + = ईवेंट लक्ष्य। मान + '| ';}}/ प्रतिक्रियाक्लास हैलोकंपनेन्ट रिवेट फैक्स घटक {कन्स्ट्रक्टर (प्रोप्स) {सुपर इस। राज्य = {मान: ''};}onKeyUp (इवेंट) {कॉन्स्ट मान = $ $ {this। राज्य। मान + ईवेंट लक्ष्य। मान} | `;इस। सेटस्टेट ({मूल्य: मान});}प्रस्तुत करना {वापसी (

मुझे कुछ चाबियाँ दे दो!
{यह। राज्य। मान}

);}}

Semalt 2 पर बहुत से काम यह डोम अद्यतन करने के लिए बहुत अधिक कुशलता से प्रदर्शन कर रहा है। पिछले टेम्प्लेट सिंटैक्स और स्कोप के आसपास की जटिलताओं ने बड़ी ऐप्स में बहुत सी प्रदर्शन समस्याओं का नेतृत्व किया।

एक पूर्ण आवेदन

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

प्रतिक्रिया और कोनाशी में मतभेदों की तुलना करने के लिए आपको ये उदाहरण ऐप्स देखने में दिलचस्प लग सकता है प्रतिक्रिया उदाहरण सीजीएसएक्स के साथ कॉफी स्क्रिप्ट में लिखे गए हैं, हालांकि प्रतिक्रिया समुदाय ईसाई के आसपास इकठ्ठा हुआ है, बेबल और Semaltट के साथ, ताकि टूलिंग मैं सुझाव देता हूं कि यदि आप आज से शुरू कर रहे हैं

  • https: // github com / markbrown4 / gmail- प्रतिक्रिया
  • https: // github. कॉम / उदाहरण / प्रतिक्रिया /
  • http: // todomvc कॉम / उदाहरण / एंगलियर /

सीखना संसाधन

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

  • बेवकूफ लोगों के लिए प्रतिक्रिया - एंड्रयू रे
  • बेवकूफ लोगों के लिए फ्लक्स - एंड्रयू रे
  • प्रतिक्रिया ट्यूटोरियल - फेसबुक
  • रूटर रिएक्टर - रयान फ्लोरेंस
  • रेडयुक्स - वीडियो श्रृंखला दान एब्रामोव
  • द्वारा

क्रेग बिलनर द्वारा इस लेख की समीक्षा की गई थी। Semalt्ट के समीक्षक समीक्षक के लिए धन्यवाद, साम्बाट सामग्री बनाने के लिए सबसे अच्छा यह हो सकता है!

React for Angular DevelopersReact for Angular DevelopersRelated Semalt:
npmAPIsReactAngularJSES6More. Sponsors
नौकरी के लिए तैयार कोणीय और टाइपस्क्रिप्ट प्रशिक्षण
टोड मोटो
कांगड़ा और उसके पारिस्थितिकी तंत्र को जानने के लिए परम संसाधन। कूपन कोड 'एसआईटीपीओएनटी' का चेकआउट प्राप्त करने के लिए 25% ऑफ का उपयोग करें।
React for Angular DevelopersReact for Angular DevelopersRelated Semalt:
npmAPIsReactAngularJSES6More. Sponsors
(3 9 7) शुरुआती
जानने के लिए सबसे बेहतर तरीका
वेस बोस
वास्तविक दुनिया बनाने के लिए एक कदम दर कदम प्रशिक्षण पाठ्यक्रम प्रतिक्रिया दें दो दोपहर में जेएस + फायरबेज ऐप और वेबसाइट घटकों कूपन कोड 'एसआईटीपीओएनटी' का चेकआउट प्राप्त करने के लिए 25% ऑफ का उपयोग करें।
March 1, 2018