Reshaped अब open source के रूप में उपलब्ध है

 (reshaped.so)
28 पॉइंट द्वारा GN⁺ 2025-09-13 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • Reshaped डिज़ाइनर और डेवलपरों के लिए React और Figma component library उपलब्ध कराने वाला एक प्रोजेक्ट है
  • शुरुआत में यह paid license मॉडल पर था, लेकिन अब इसे पूरी तरह open source में बदल दिया गया है
  • open source होने के बाद अब GitHub और Figma Community पर source code और design library दोनों उपलब्ध हैं
  • यह प्रोजेक्ट design और engineering के बीच समन्वय को मजबूत करता है और practical काम में तुरंत इस्तेमाल किए जा सकने वाले best practices पेश करता है
  • मौजूदा खरीदारों को आगे भी updates और support मिलता रहेगा

Reshaped के open source बनने की पृष्ठभूमि

  • लगभग 5 साल पहले Reshaped प्रोजेक्ट शुरू करने की वजह यह थी कि React और Figma दोनों में इस्तेमाल हो सकने वाली component library की ज़रूरत थी
  • 10 साल से अधिक समय तक design system पर काम करने के अनुभव के आधार पर, टीम को design system में बार-बार आने वाली समस्याओं और अच्छे मानकों की स्पष्ट समझ थी
  • यह पाया गया कि वेब का 80% हिस्सा अब भी मिलते-जुलते core design principles पर बना है, इसलिए ऐसा सिस्टम डिज़ाइन किया गया जो इन्हें व्यापक रूप से कवर करे और साथ ही डेवलपरों को बाकी 20% को लचीले ढंग से संभालने के लिए low-level utilities भी दे
  • शुरुआत से ही सिर्फ accessibility या सिर्फ design पर ध्यान देने के बजाय, design और engineering के alignment, UI theme, dark mode और micro-animation जैसी व्यावहारिक चुनौतियों को साथ में हल करने पर ज़ोर दिया गया

paid मॉडल से open source बनने तक की प्रक्रिया

  • प्रोजेक्ट को टिकाऊ बनाए रखने के लिए शुरुआत में individual और team के लिए paid license बेचने का मॉडल अपनाया गया
  • इसकी वजह से छोटे community पर अधिक फोकस करना और bug reports तथा feature requests पर गहराई से काम करना संभव हुआ
  • लंबे समय से paid barrier हटाने की इच्छा थी, और 2 साल पहले React package को पहले free करने से नई संभावनाएँ खुलीं
  • अब पूरा source code और Figma library open source के रूप में जारी कर दी गई है; React GitHub पर और Figma, Figma Community पर उपलब्ध है

open source रूपांतरण का महत्व और अपेक्षित प्रभाव

  • Reshaped, design और engineering के बीच पुल का काम करने वाला एक टूल है, जिससे दोनों पक्ष scalable design systems बनाने के best practices सीख सकते हैं
  • library source सार्वजनिक होने से, नए features आने पर उनकी वास्तविक implementation process को पारदर्शी तरीके से साझा किया जा सकेगा
  • Figma या React के नए features को भी Reshaped के उदाहरणों के जरिए किसी कंपनी के design system में लागू करने से पहले benchmark किया जा सकता है

आगे की योजना और community support

  • Reshaped की component library आगे भी लगातार विस्तारित की जाएगी
    • मौजूदा paid खरीदारों को बिना किसी बदलाव के भविष्य के updates और support मिलते रहेंगे
    • मौजूदा communication channels भी वैसे ही बने रहेंगे
  • आगे core library के ऊपर और अधिक उन्नत तथा उपयोगिता-प्रधान premium components जोड़ने पर विचार किया जा रहा है
    • यह 50 landing page layouts जैसी बिखरी हुई सुविधाओं के बजाय, जटिल CSS और React logic की आवश्यकता वाले high-end components पर केंद्रित होगा

community को वापस लौटाने का फैसला

  • 5 साल तक closed source रूप में चलाने के बाद अब सब कुछ community को वापस सौंपा जा रहा है, और आगे की नई संभावनाओं को लेकर उत्साह है

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

1 टिप्पणियां

 
GN⁺ 2025-09-13
Hacker News की राय
  • यह वाकई एक शानदार लाइब्रेरी है, और इतना सारा कोड मुफ्त में इस्तेमाल करने को उपलब्ध कराने के लिए आभार
  • डिज़ाइन बहुत साफ़-सुथरा और अच्छी तरह बनाया हुआ लगता है
    • Manjaro Linux और LibreWolf v135 के संयोजन में टैब स्विच करने या docs पेज नेविगेट करने पर कुछ मिलीसेकंड के लिए फ़्रीज़ जैसा होता है
      • Android के Fennec ब्राउज़र में भी Documentation और Properties टैब बदलते समय लगभग 0.5 सेकंड का ऐसा ही रुकाव अनुभव हुआ; संभव है कि यह असली फ़्रीज़ नहीं बल्कि animation decimal handling की समस्या हो
      • धीमे नेविगेशन की समस्या की जानकारी है और इसकी जाँच की जाएगी; अभी नेविगेशन के दौरान server पर mdx फ़ाइल lookup और simple auth किया जा रहा है, इसलिए server इस्तेमाल हो रहा है, लेकिन open source होने के बाद अब इसे सीधे static website में बदलना संभव लगता है
      • Next JS server को static content render करने में लगभग 0.5 सेकंड लगते हैं image reference
  • मैं व्यक्तिगत रूप से ऐसे framework/library की तलाश में हूँ जिसमें पूरी तरह डिज़ाइन और डेवलप किए गए micro-interactions अच्छे से implemented हों; बेहतरीन UI toolkits में भी कई बार हल्का jump या glitch महसूस होता है
    • अगर ऐसे micro-interactions के उदाहरण हों जिन्हें बेहतर किया जा सकता है या जोड़े जाने चाहिए, तो साझा करें; अभी अतिरिक्त component set पर काम चल रहा है और ऐसे micro-interactions implement किए जा सकते हैं
  • मुझे डिज़ाइन शानदार लगता है; मैं अभी Mantine का सक्रिय रूप से उपयोग कर रहा हूँ और उससे संतुष्ट हूँ, लेकिन इस लाइब्रेरी को भी याद रखूँगा; हालांकि, काश ReactNative के लिए भी इसी गुणवत्ता की कोई लाइब्रेरी होती, क्योंकि मौजूदा solutions अभी संतोषजनक नहीं हैं
    • मुझे याद है कि पहले Mantine में a11y (accessibility) issues थे; क्या आपने Mantine के साथ accessibility compliance की जाँच की है?
  • README में getting started लिंक changelog पर जाता है, इसलिए शुरुआत गाइड तुरंत नहीं खुलती
  • यह लाइब्रेरी बहुत व्यवस्थित और साफ़ दिखती है, इसलिए प्रभावशाली है; काश इसे WordPress के साथ आसानी से जोड़ने का कोई तरीका होता, या शायद वह पहले से मौजूद हो?
  • मुझे लगता है कि सुंदर component composition के साथ-साथ आपने बहुत साहसी निर्णय भी लिया है; अब तक की सफलता के लिए बधाई, और उम्मीद है कि यह बदलाव सिर्फ़ मेरे लिए नहीं बल्कि पूरे ecosystem के लिए बहुत मददगार होगा
  • मुझे यह दिलचस्प लगता है कि साइट पर इस लाइब्रेरी के लिए कोई pricing, payment prompt, या donation option ही नहीं है; यानी क्या पूरी तरह open source होने के बाद अब monetization में रुचि नहीं रही?
    • पिछले 5 वर्षों में इस लाइब्रेरी को बेचकर पर्याप्त कमाई हो चुकी है, और अब इसे उन लोगों के लिए उपलब्ध कराना अच्छा लगता है जो इसे खरीद नहीं सकते थे (पुरानी pricing team-centric थी); आगे कुछ अतिरिक्त components को plus license के रूप में जारी किया जाएगा, लेकिन मुख्य React और Figma लाइब्रेरी मुफ्त open source ही रहेंगी
    • लेख के नीचे यह उल्लेख है: “Reshaped को आगे बढ़ाने के लिए core library के ऊपर जटिल और opinionated premium components पेश करने की योजना है; इसका मतलब सिर्फ़ 'landing page के लिए 50 layouts' नहीं, बल्कि ऐसे advanced components हैं जिनके लिए sophisticated CSS और React logic चाहिए”
  • autocomplete फ़ीचर में backspace input काम नहीं कर रहा था (OSX Safari और Chrome में पुष्टि हुई), और यह बात रोचक लगी
    • तुरंत माफ़ी माँगते हुए बताया गया कि आज docs को redeploy किया जाएगा, और यह issue पहले ही नवीनतम patch में ठीक किया जा चुका है