इंटरफ़ेस डेवलपर्स के लिए 16 प्रतिक्रिया उपकरण

उपयोगकर्ता इंटरफ़ेस बनाने के लिए, बड़ी संख्या में उपकरण हैं (आपका K.O., धन्यवाद नहीं)। सबसे प्रभावी में से एक प्रतिक्रिया है। शायद, हैबर पर इस बारे में बात करने की कोई आवश्यकता नहीं है कि यह क्या है और क्यों है।

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

इसलिए, हम अपने सिर के साथ पूल में भागते हैं, बाद के लिए बंद नहीं करते हैं:

रिएक्ट डेटशीट

एक एक्सेल जैसा टूल जिसे आप अपने रिएक्ट एप्लिकेशन में एम्बेड कर सकते हैं। गणितीय सूत्र (आधार math.js है) के उपयोग की अनुमति देता है। ड्रॉप-डाउन मेनू और बटन तालिका कोशिकाओं में जोड़े जा सकते हैं।

वेब के लिए प्रतिक्रियाशील मूल

खैर, यह घटक आपको गतिविधि संकेतक, बटन, प्रगति बार (प्रगति संकेतक), स्विच और बहुत कुछ जोड़ने की अनुमति देता है।

Reactide

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

कहानियों का संग्रह

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

रिएक्ट स्टाइलगिडिस्ट

स्टाइलग्यूडिस्ट एक देव-सर्वर (गर्म रिबूट की संभावना के साथ) और उत्कृष्ट प्रलेखन के साथ घटकों के लिए एक विकास का माहौल है। उपकरण विभिन्न घटकों के उपयोग के उदाहरणों को देखने का अवसर प्रदान करता है।

सूची

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

रिएक्ट स्टूडियो

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

रिएक्ट ब्रह्मांड

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

ORY संपादक

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

प्रतिक्रिया दृष्टि

एक उत्कृष्ट विज़ुअलाइज़ेशन टूल जो आपको एक डेवलपर की जरूरत की सभी चीजों को जल्दी से कॉन्फ़िगर करने की अनुमति देता है।

रसेलेट देवटूल

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

Redux DevTools Profiler मॉनिटर

जावास्क्रिप्ट प्रोफ़ाइल को शुरू करने और रोकने के लिए एक महान उपकरण। Redux पर आधारित एक उपकरण बनाया।

पेरिस्कोप

Redux घटना की निगरानी एक समय पर आधारित है।

redux-वादा-मिडलवेयर-बार

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import promiseMiddleware from 'redux-promise-middleware';
import logTimes from 'redux-promise-middleware-times';
const store = createStore(thunk, promiseMiddleware(), logTimes());

Redux-वादा-मिडलवेयर के लिए टिनी एडऑन। यह उस समय को रिकॉर्ड करता है जिस दौरान किसी विशिष्ट घटना को निष्पादित किया जाता है।

रिएक्ट मोनोकल

एक शक्तिशाली विज़ुअलाइज़ेशन टूल जो व्यक्तिगत घटकों, उनकी स्थिति, Redux स्थिति को दिखाता है और इसे समझने योग्य योजना में जोड़ता है।

Hygen

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

सामान्य तौर पर, हम मानते हैं कि पूर्ण चयन से दूर यह इंटरफ़ेस डेवलपर की कड़ी मेहनत में मदद कर सकता है। ठीक है, काम को और अधिक प्रभावी बनाने के लिए, आप स्किलबॉक्स पाठ्यक्रमों की एक जोड़ी ले सकते हैं।