इस प्रोजेक्ट के बारे में

Braid, SEEK Group के लिए एक themeable डिज़ाइन सिस्टम है, जिसे npm पर braid-design-system के रूप में प्रकाशित किया गया है। README में sku प्रोजेक्ट्स के लिए अनुकूलित सेटअप का वर्णन है: पैकेज इंस्टॉल करें, फिर CSS ऑर्डरिंग समस्याओं से बचने के लिए एप्लिकेशन के बिल्कुल शीर्ष पर सबसे पहले reset styles इम्पोर्ट करें, seekJobs जैसे थीम को इम्पोर्ट करें, और BraidProvider एवं कंपोनेंट्स को इम्पोर्ट करें। प्रोवाइडर एक theme prop लेता है और कंपोनेंट्स को रेंडर करता है; यह styleBody={false} के साथ बॉडी स्टाइल्स को हटा भी सकता है। Link और TextLink कार्यान्वयन को कस्टमाइज़ करने के लिए, उदाहरण के लिए React Router links को एकीकृत करने के लिए, makeLinkComponent का उपयोग करके linkComponent के माध्यम से एक कस्टम लिंक कंपोनेंट प्रदान किया जा सकता है। लोकल डेवलपमेंट के लिए pnpm और Storybook का उपयोग किया जाता है। Braid स्टाइलिंग के लिए Vanilla Extract का उपयोग करता है, जो TypeScript में CSS लिखता है जिसे स्टैटिक रूप से atomic CSS क्लासेस में निकाला जाता है, जिसके लिए एक बंडलर प्लगइन की आवश्यकता होती है। कंपोनेंट उपयोग जांच के लिए assert लाइब्रेरी से रनटाइम assertions का उपयोग किया जाता है; README उत्पादन (production) में unassert के साथ उन्हें हटाने की सिफारिश करता है, जैसा कि sku और Babel के माध्यम से किया गया है। deprecations जैसी डेव-टाइम और बिल्ड-टाइम चेतावनियाँ process.env.NODE_ENV पर निर्भर करती हैं और उन्हें प्रोडक्शन बंडल्स से हटाया जा सकता है। योगदान की जानकारी CONTRIBUTING.md में है। Storybook द्वारा संचालित कंपोनेंट स्क्रीनशॉट टेस्टिंग के लिए Chromatic को धन्यवाद दिया गया है। लाइसेंस MIT है।