प्रतिक्रिया एमडीएल सामग्री डिजाइन लाइट के साथ प्रतिक्रिया करता है

Google ने हाल ही में मटेरियल डिज़ाइन लाइट नामक एक लाइब्रेरी निकाली है जो डेवलपर्स के लिए एक दृश्य संसाधन है। यह पूर्व-निर्मित सीएसएस और जेएस के साथ सामग्री डिजाइन दिशानिर्देशों का उपयोग करके किसी भी वेबसाइट को स्वचालित रूप से स्टाइल करता है.

यह सरल देव परियोजनाओं के लिए एक लोकप्रिय ढांचा है। रिएक्ट एमडीएल अच्छी तरह से गोल दृश्य संसाधन बनाने के लिए रिएक्ट लाइब्रेरी के साथ Google के ढांचे को जोड़ती है.

Google की सामग्री का डिज़ाइन स्पष्ट रूप से Google की दुनिया में UI / UX का भविष्य है। और किसी भी वेबसाइट पर मालिकाना ओपन सोर्स लाइब्रेरी के साथ इन सुविधाओं को लागू करने के लिए पहले से कहीं अधिक आसान सामग्री डिजाइन लाइट के साथ.

रिएक्ट अब तक का सबसे लोकप्रिय फ्रंटएंड जेएस फ्रेमवर्क है जिसका इस्तेमाल फ्रंटएंड व्यू घटकों के लिए किया जाता है। React MDL के साथ आप इन React घटकों को MDL लाइब्रेरी के साथ मिला सकते हैं ताकि आप Google के ऑनलाइन दस्तावेज़ में मिलेंगे।.

यहाँ एक नमूना लेख टेम्पलेट है ताकि आप यह महसूस कर सकें कि यह कैसा दिखता है.

इस पृष्ठ में कई प्रतिक्रियाशील घटक नहीं हैं, लेकिन यह सामग्री डिजाइन के सौंदर्य को प्रदर्शित करता है। प्रतिक्रिया घटकों का उपयोग करके निर्मित इस डेमो पर आपको बहुत अधिक कार्रवाई मिलेगी.

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

दुर्भाग्य से रिएक्ट एमडीएल अभी भी काफी नया है क्योंकि इसमें सभी घटकों के लिए पूर्ण समर्थन नहीं है.

लेकिन आप यहां एक पूरी सूची देख सकते हैं जिसमें हर एक के लिए छोटे डेमो शामिल हैं। इसमें स्रोत कोड के बिट्स भी शामिल हैं जिन्हें आप आवश्यकतानुसार अपनी खुद की परियोजनाओं में कॉपी / पेस्ट कर सकते हैं.

मैं नहीं जब तक आप पहले से ही दोनों पुस्तकालयों के साथ सहज महसूस नहीं करते तब तक रिएक्ट एमडीएल सीखने की सलाह दें.

मटीरियल डिज़ाइन लाइट सूट शुरू करने के लिए बहुत सरल है, लेकिन रिएक्ट बहुत अधिक जटिल है.

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

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

चारों ओर खेलने के लिए स्वतंत्र महसूस करें और देखें कि आप क्या बना सकते हैं। दोनों पुस्तकालय पूरी तरह से स्वतंत्र हैं और सभी परियोजनाओं के लिए खुला स्रोत हैं चाहे वह व्यक्तिगत हो या वाणिज्यिक.

यदि आप स्रोत का अध्ययन करना चाहते हैं और गोता लगाना चाहते हैं तो आप रिएक्ट एमडीएल गिटहब पृष्ठ से अधिक जानकारी प्राप्त कर सकते हैं.