JS में CSS पर फिर से विचार

 (dev.to)
7 पॉइंट द्वारा alstjr7375 2024-09-12 | 3 टिप्पणियां | WhatsApp पर शेयर करें

CSS यूज़र इंटरफ़ेस को सुंदर और कार्यात्मक बनाने वाला एक मुख्य तत्व है, लेकिन जैसे-जैसे स्केल बढ़ता है, CSS को मैनेज करना लगातार अधिक कठिन काम बन जाता है.

स्टाइल टकराव, परफ़ॉर्मेंस में गिरावट, और मेंटेनेंस की कठिनाइयाँ कई डेवलपर्स को परेशान करती हैं.

यह लेख इन समस्याओं को हल करने के लिए एक नए दृष्टिकोण, विशेष रूप से CSS in JS, के बारे में विस्तार से बताता है.
CSS की ऐतिहासिक पृष्ठभूमि से शुरू करते हुए यह आधुनिक स्टाइलिंग तरीकों से लेकर भविष्य के design system तक व्यापक विषयों को कवर करता है.

लेख की संरचना इस प्रकार है.

  1. JS में CSS की परिभाषा और पृष्ठभूमि
    1. JS में CSS क्या है?
    2. JS में CSS की पृष्ठभूमि
  2. CSS और डिज़ाइन का ऐतिहासिक संदर्भ
    3. CSS की पृष्ठभूमि
    4. डिज़ाइन की पृष्ठभूमि
    5. design system की पृष्ठभूमि
  3. स्टाइल मैनेजमेंट तरीकों का विश्लेषण और नया प्रस्ताव
    6. स्टाइल मैनेजमेंट अब तक कैसे किया गया है?
    7. स्टाइल को कैसे मैनेज किया जाना चाहिए?
  4. JS में CSS के लिए ठोस implementation योजना
    8. JS में CSS क्यों है?
    9. mincho project का परिचय
    10. JS के लिए CSS-friendly CSS
    11. JS में scalable CSS
  5. design system के साथ एकीकरण
    12. design system के लिए JS में CSS

खास तौर पर, यह लेख SCALE CSS methodology और StyleStack नाम की एक नई अवधारणा को प्रस्तुत करता है, और इसके आधार पर mincho project का प्रस्ताव रखता है. इसका लक्ष्य JS में CSS-friendly और scalable CSS को implement करना है.

इस लेख का अंतिम उद्देश्य डेवलपर्स, डिज़ाइनर्स और अन्य वेब प्रोजेक्ट stakeholders के सामने बेहतर स्टाइलिंग solutions की संभावनाएँ प्रस्तुत करना है.
यह लंबा लेख है, लेकिन पढ़ने के लिए धन्यवाद.

संबंधित पढ़ाई

3 टिप्पणियां

 
savvykang 2024-09-12

प्रोजेक्ट के प्रति उत्साह न होने के लिए माफ़ी चाहता हूँ, लेकिन मुझे लगता है कि फ्रंटएंड इंडस्ट्री को थोड़ा अधिक दीर्घकालिक नज़रिये से व्यापक सहमति वाले tools या conventions बनाने चाहिए। SCSS, LESS, AngularJS, Angular 2.0, React आदि जैसे काफ़ी stacks का अनुभव रखने वाले नज़रिये से देखें तो फ्रंटएंड की नई technologies ज़रूरत से ज़्यादा over-engineered और थकाऊ लगती हैं।
 
slowandsnow 2024-09-12

वेब पर अगर किसी चीज़ पर सहमति है, तो वह web standards हैं। CSS में scss जैसी nesting लाना, classes, functional programming methods, web components आदि पर लगातार चर्चा होती रही है और फीचर जोड़े जाते रहे हैं।
 
alstjr7375 2024-09-12

मेरे हिसाब से frontend खुद अलग-अलग दिशाओं में बंटे हुए अभी ज़्यादा समय नहीं हुआ है, इसलिए लगता है कि लोग तरह-तरह की चीज़ें आज़मा रहे हैं.
React, Vue जैसी libraries से लेकर bundler, lint जैसे tooling तक, कुल मिलाकर हर तरफ यही दिखता है.

इसके अलावा app क्षेत्र से अलग, यहाँ best practices किसी एक company द्वारा तय करके फैलाए नहीं जाते, इसलिए भ्रम भी काफ़ी ज़्यादा लगता है!!