iHateReading कस्टम रेपो

पिछले महीने से, मैं बहुत सारे यूआई घटक बना रहा हूं जो वास्तविक दुनिया के वेब घटक हैं जैसे कि बटन, इनपुट, फॉर्म, बैनर, गैलरी

कुछ उद्देश्यों के लिए बनाए गए घटक

• फ्रंटएंड सीखें और मैं जो करता हूं उसमें बेहतर बनूं
• फ्रंटएंड डेवलपमेंट में बेहतर कोड लिखने की क्षमता में सुधार करें (मैं बाद में समझाऊंगा कि इसका क्या मतलब है)

मैं वर्तमान में टेक स्टैक या टेक्नोलॉजी रिएक्टजेएस के साथ-साथ नेक्स्ट.जेएस को फ्रेमवर्क के रूप में उपयोग करता हूं और मैं स्टाइलिंग के लिए टेलविंड सीएसएस और एनीमेशन के लिए जीएसएपी का उपयोग करता हूं

मैं किसी भी तकनीकी स्टैक के साथ जा सकता हूं जो कोई समस्या नहीं है, इसलिए मैंने नवीनतम फ्रेमवर्क और भाषा रिएक्टजेएस के साथ नेक्स्ट.जेएस के साथ शुरुआत की

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

iHateReading एक डेवलपर के लिए एक प्लेटफ़ॉर्म है और पिछले 2 वर्षों से मैं ihatereading.in पर ब्लॉग के साथ-साथ न्यूज़लेटर भी साझा कर रहा हूं।

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

अब बात आती है कि ये घटक किससे बने हैं, सभी घटक निम्नलिखित मॉड्यूल का उपयोग करके बनाए गए हैं

1. Reactjs
2. टेलविंड सीएसएस
3. एनीमेशन के लिए जीएसएपी
4. Mantine.dev यूआई लाइब्रेरी (यदि आवश्यक हो)

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

इन घटकों को विकसित करते समय यदि आप मेरे द्वारा https://ihatereading.in/customrepo पर साझा किया गया पहला घटक देखते हैं और इसकी तुलना नए या नवीनतम घटक से करते हैं, तो कोई भी आसानी से अंतर पा सकता है।

कम निर्भरताएं, कम जावास्क्रिप्ट और अधिक अनुकूलित और पुन: प्रयोज्य कोड घटक।

इसका सारा श्रेय पिछले साल मेरे द्वारा किए गए शोध और ब्लॉग को जाता है, जावास्क्रिप्ट वेबसाइट के प्रदर्शन को क्यों कम कर देता है? क्योंकि ब्राउज़र को CSS की तुलना में JS को पार्स करने में बहुत समय लगता है। जिससे JS को कम करने से वेबसाइट के प्रदर्शन में भी सुधार होगा।

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

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

मैं सक्रिय रूप से ट्विटर और लिंक्डइन पर घटक विकास समाचार साझा कर रहा हूं और साथ ही ihatereading.in/customrepo पर कोड भी भेज रहा हूं।

बेझिझक उन्हें जांचें, और मुझे बताएं कि और क्या जोड़ना और बनाना है।

प्रोत्साहित करना
श्रेय