मैं इस वीडियो में डस्टिन शाउ से जुड़ा हुआ हूं और वह मुझे सीएसएस-इन-जेएस के रूप में जाना जाने वाले दुनिया के दौरे पर ले जाने वाला है। यही है, अपने स्टाइल को पूरी तरह से जावास्क्रिप्ट में करना, बजाय .cssफाइलों में जो आप अपने दम पर सभी को सिर में उठाते हैं।
डस्टिन इसके लिए एक आदर्श मार्गदर्शक हैं, क्योंकि उन्होंने जेएस प्लेग्राउंड में सीएसएस नामक एक महान खोज उपकरण बनाया और इस विषय पर एक बिल्कुल नया पाठ्यक्रम भी है।
यदि आप उत्सुक हैं कि किसी को भी CSS-in-JS मार्ग पर जाने में रुचि क्यों होगी, तो यहां कुछ कारणों की हम वीडियो में चर्चा करते हैं:
- मृत कोड उन्मूलन। लोड की गई एकमात्र शैलियाँ किसी भी समय उपयोग में आने वाले घटकों के लिए शैलियाँ हैं। कोई अप्रयुक्त शैली शिपिंग नहीं है। जब एक घटक मर जाता है, तो इसकी शैलियों क्या है।
- स्कोपिंग। नई शैलियों को लिखने से साइट पर अन्य स्थानों पर कुछ भी प्रभावित नहीं हो सकता है, इसलिए ऐसी शैली लिखने के बारे में चिंता करने की कोई आवश्यकता नहीं है, जो वैश्विक दायरे में चयनकर्ता के कारण कहीं और खराब या अनपेक्षित परिणाम है। हमें बीईएम जैसी विचारधाराओं के नामकरण के साथ गुंजाइश सुरक्षा मिलती है, लेकिन यह टूलींग-लागू नहीं है।
- चिंता मुक्त नामकरण। कुछ मामलों में, आउटपुट यूआई शामिल होने के बाद से स्टाइल के लिए क्लास नाम या आईडी लेने की कोई आवश्यकता नहीं है।
- डेवलपर एक ही फ़ाइल (या अन्यथा बहुत करीब) घटक में शैलियों का होना अच्छा हो सकता है। उसी तरह, कुछ डेवलपर्स JSX में बहुत सहज महसूस करते हैं। बिना किसी डांट-डपट की चिंता के साथ चीजों को स्टाइल करने में सक्षम होने का मतलब है कि डेवलपर्स इसके बारे में डराने के बजाय स्टाइल के बारे में सशक्त महसूस कर सकते हैं।
- डिजाइन प्रणाली के अनुकूल है। डिजाइन सिस्टम सभी घटकों के बारे में हैं और इसलिए प्रतिक्रिया है। सोच के ये पूरक मोड एक दूसरे के साथ काफी अच्छी तरह से संरेखित करते हैं।
- सीएसएस में जावास्क्रिप्ट की संभावनाएँ। तार्किक ऑपरेटरों के साथ ऐसा करना और मूल्यों और गणित और व्हाट्सएप में उत्तीर्ण होना, शैलियों में जावास्क्रिप्ट की पूरी शक्ति होना बहुत उपयोगी है।
और यह सब कुछ नहीं है, लेकिन आप देख सकते हैं कि यह कुछ लोगों को क्यों मजबूर कर रहा है। इसने निश्चित रूप से बहुत चर्चा को प्रेरित किया है। क्यों नहीं जब यह उन सभी लाभ प्रदान करता है? खैर, यह एक बहुत ही अलग विकास वातावरण है जो जरूरी नहीं कि हर किसी के साथ क्लिक करे। यह कुछ असामान्य चीजें करने के लिए वेब प्लेटफॉर्म को झुकने की आवश्यकता है और यह मौसा के साथ आता है। यह उल्लेख करने के लिए नहीं कि इसके लिए एक शाब्दिक लागत है (संकुल का आकार और ऐसा) जो उपयोगकर्ता भुगतान करते हैं, जिसके लिए आप आशा करते हैं कि आप दक्षता के साथ अपने लिए बेहतर भुगतान करेंगे।
डस्टिन ने इतनी सीस का उपयोग करते हुए एक डेमो बनाने के लिए शैली की चीजों का उपयोग करने के लिए इसकी तुलना सीएसएस-इन-जेएस के साथ की जा सकती है, जो यह प्रदर्शित करता है कि पोर्टिंग शैलियों के साथ-साथ इसे करने की संभावनाएं कैसे दिखती हैं।