वेब डेवलपर्स के लिए React.js 14 उपकरण और संसाधन

React.js की लोकप्रियता हो गया तेज़ी से बढ़ रहा है चूंकि फेसबुक ने पहली बार 2013 में पुस्तकालय को वापस जारी किया था पांचवां सबसे अक्सर खुला स्रोत परियोजना तारांकित Github पर, और रिएक्ट डेवलपर्स के लिए नौकरी के विज्ञापन भी बढ़ रहे हैं। प्रतिक्रिया एक है हल्के जावास्क्रिप्ट ढांचे के लिये उपयोगकर्ता इंटरफेस का निर्माण - सबसे प्रमुख उदाहरण फेसबुक और इंस्टाग्राम हैं.

रिएक्ट ऑफर करता है MVC चौखटे के लिए वैकल्पिक, जैसे कि कोणीय या रीढ़ की हड्डी, के साथ अधिक सीधी संरचना तथा प्रदर्शन अनुकूलन पर ध्यान केंद्रित. जैसा कि रिएक्ट आने वाले वर्षों में वेब विकास परिदृश्य को निश्चित रूप से परिभाषित करेगा, इस लेख में हम आपको एक प्रदान करना चाहेंगे डेवलपर टूलकिट प्रतिक्रिया विकास के क्षेत्र में पैर सेट करने में आपकी सहायता करने के लिए.

आधिकारिक प्रतिक्रिया। फेसबुक से डॉक्स

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

रिएक्ट.जेएस जीथब रेपो

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

हैलो वर्ल्ड स्टार्टर कोड

यदि आप रिएक्ट करने के लिए एक त्वरित प्रयास देना चाहते हैं, तो आप इसके साथ शुरू कर सकते हैं “नमस्ते दुनिया” इंटरैक्टिव डेमो कोडपेन पर। उसमे समाविष्ट हैं सभी आवश्यक संपत्ति और यह स्टार्टर कोड भी। जैसा कि बैबेल भी है, आप उपयोग कर सकते हैं दोनों ECMAScript 6 और JSX सिंटेक्स. बस इस कलम को कांटा, और आप पूरे वातावरण को अपने दम पर सेट किए बिना आगे बढ़ सकते हैं.

रिएक्टर स्टार्टर किट

रिएक्टर स्टार्टर किट है एक आइसोमॉर्फिक वेब ऐप बॉयलरप्लेट का बनाया हुआ Node.js, Express, GraphQL, React, और एक मुट्ठी भर वेब विकास उपकरण, जैसे कि वेबपैक, बेबेल, तथा Browsersync. यह आपको प्रदान करता है वही फ्रंटएंड स्टैक फेसबुक उपयोग करता है और आपको इसमें कूदने की अनुमति देता है पूर्ण-स्टैक रिएक्ट विकास बहुत अधिक परेशानी के बिना.

ReactCSS

ReactCSS यह संभव बनाता है जावास्क्रिप्ट में इनलाइन सीएसएस शैलियों जोड़ें. ReactCSS React, Redux, React Native (React का उपयोग करके देशी मोबाइल ऐप बनाने के लिए एक फ्रेमवर्क), ऑटोप्रिक्सिंग, होवर, छद्म तत्व और मीडिया प्रश्नों के समर्थन के साथ आता है। आप जल्दी से कर सकते हैं इसे npm के साथ स्थापित करें.

प्रतिक्रिया JSFiddle एकीकरण (JSX के साथ और बिना)

यह है एक बेहतरीन ऑनलाइन खेल का मैदान यदि आप एक ऐसी जगह चाहते हैं, जहां आप रिएक्ट का अभ्यास शुरू कर सकें। आईटी इस JSFiddle पर होस्ट किया गया, और है दो संस्करण: JSX के साथ एक तथा JSX के बिना एक, इनमें से जो भी आपके लिए अधिक आरामदायक हो, चुनें.

प्रतिक्रिया शैली गाइड जनरेटर

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

बेले विन्यास योग्य अभिक्रिया घटक

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

बेले है केवल रिएक्ट घटक पुस्तकालय नहीं है वहाँ से, आप अन्य महान लोगों को जीथब पर पा सकते हैं, जैसे कि प्रतिक्रियाएं विजेट या मौलिक.

रिएक्ट स्टोरीबुक यूआई विकास पर्यावरण

यदि आप किसी और के घटक पुस्तकालय का उपयोग नहीं करना चाहते हैं लेकिन अपना खुद का निर्माण करना चाहते हैं, यह एक कोशिश देने के लायक है रिएक्ट स्टोरीबुक जो कि है प्रतिक्रिया घटकों के लिए यूआई विकास पर्यावरण. स्टोरीबुक आपको अनुमति देता है अंतःक्रियात्मक रूप से घटकों का विकास करना. यह एक है विस्तृत दस्तावेज, और आप कर सकते है विकास के साथ शुरुआत करें में स्टोरीबुक हब.

प्रतिक्रिया-बूटस्ट्रैप

प्रतिक्रिया-बूटस्ट्रैप लोकप्रिय के साथ प्रतिक्रिया को एकीकृत करता है बूटस्ट्रैप 3 फ्रंटएंड फ्रेमवर्क. इसके डेवलपर्स मूल रूप से React.js के साथ बूटस्ट्रैप घटकों का पुनर्निर्माण करते हैं। यह एक में परिणाम है क्लीनर कोड आधार कम पुनरावृत्ति के साथ, और ए उच्च प्रदर्शन.

ध्यान दें कि चूंकि रेपो सक्रिय विकास के अधीन है, इसलिए भविष्य में एपीआई बदल जाएंगे। के लिए विकास की वर्तमान स्थिति, इसकी जाँच पड़ताल करो परियोजना का रोडमैप.

क्रोम के लिए रिएक्टर डेवलपर उपकरण

Chrome के लिए DevTools रिएक्ट करें Chrome डेवलपर टूल का एक्सटेंशन है और आपको इसकी अनुमति देता है घटक पदानुक्रम का निरीक्षण करें. ये था फेसबुक द्वारा बनाया गया नए रिएक्ट ऐप्स के निर्माण में डेवलपर समुदाय की सहायता करने के प्रयास के साथ। आप बस कर सकते हैं इसे क्रोम एक्सटेंशन के रूप में जोड़ें अपने ब्राउज़र के लिए। आप ब्राउज़ कर सकते हैं संबंधित स्रोत कोड साथ ही गितूब पर.

फ़ायरफ़ॉक्स के लिए रिएक्टर डेवलपर उपकरण

यह है फ़ायरफ़ॉक्स संस्करण समान फेसबुक द्वारा बनाई गई रिएक्टर डेवलपर टूल्स. बस इसे जोड़ें अपने फ़ायरफ़ॉक्स ब्राउज़र में ऐड-ऑन के रूप में, और एक ही बार में अपने रिएक्ट ऐप के पदानुक्रम पेड़ का निरीक्षण करना शुरू करें.

Atom के लिए React.js पैकेज

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

React.js बुनियादी बातों - मुफ्त ऑनलाइन पाठ्यक्रम

कई उत्कृष्ट और काफी सस्ते पाठ्यक्रम हैं जहाँ आप कर सकते हैं प्रतिक्रिया विकास सीखें, हालाँकि आप इसे नामांकित कर सकते हैं React.js बुनियादी बातों पूरी तरह से मुक्त करने के लिए ऑनलाइन पाठ्यक्रम। यह बना हुआ है 12 पाठ, के साथ शुरू होता है प्रतिक्रिया की मूल बातें, और ए है अच्छा पाठ्यक्रम जो सभी महत्वपूर्ण चीजों को शामिल करता है.