Razzle: एक नया ऐप शुरू करना

मुझे लगता है कि हर कोई इस बात से सहमत होगा कि सही उत्तर यह होगा कि यह इस बात पर निर्भर करता है कि आपको और आपकी नई परियोजना को क्या चाहिए।

जहाँ तक मुझे पता है Next.js एक पूर्ण ढांचा है जिसे वैकल्पिक रूप से ZEIT पारिस्थितिकी तंत्र के एक भाग के रूप में उपयोग किया जा सकता है? या मंच?. जबकि रैज़ल अधिक न्यूनतर है। इसलिए इसमें वे सुविधाएँ शामिल नहीं हैं जिनकी आपको आवश्यकता नहीं हो सकती है, लेकिन यह भी सच है कि इसमें वे सुविधाएँ शामिल नहीं हैं जिनकी आपको आवश्यकता हो सकती है या जिनकी आपको अंततः आवश्यकता हो सकती है।

मैंने पहले भी Next.js का उपयोग करने पर विचार किया है, लेकिन कुछ छोटे विवरण थे जो मुझे परेशान कर रहे थे। उदाहरण के लिए नेक्स्ट.जेएस एचटीएमएल आउटपुट को ठीक से छोटा नहीं करता है (मुझे पता है कि यह बिल्कुल भी महत्वपूर्ण नहीं है, लेकिन यह मेरे लिए एक डील ब्रेकर था।) यह स्टाइल-जेएसएक्स एक सीएसएस-इन-जेएस का भी उपयोग करता है, लेकिन मैं स्टाइल घटक पसंद करता हूं। इसके अलावा मेरी नई परियोजना के लिए मुझे रूटिंग (अभी तक ) की आवश्यकता नहीं थी।

अंत में और सौभाग्य से उदाहरण परियोजनाओं के एक समूह का परीक्षण करने के बाद, मैंने रैज़ल को ढूंढना और उसका उपयोग करना समाप्त कर दिया। असल में मैंने रैज़ल मटेरियल यूआई स्टाइल उदाहरण नामक एक उदाहरण प्रोजेक्ट बनाने के साथ शुरुआत की है जिसमें कुछ मॉड्यूल और सुविधाएं शामिल हैं जिनकी मुझे आवश्यकता है। इसलिए अब मैं लगभग बेशर्मी से अपने नए प्रोजेक्ट पर काम कर सकता हूं। यदि आपको समान सुविधाओं या उनमें से कुछ की आवश्यकता है तो उल्लिखित भंडार का उपयोग करने के लिए स्वतंत्र महसूस करें।

धन्यवाद @knipferrc

इसी तरह के अनुभव ने मुझे रैज़ल बनाने के लिए प्रेरित किया।

लगभग 6 महीने पहले, मैंने नेक्स्ट.जेएस के साथ एक बहुत बड़ा ऐप शुरू किया, इसके ठीक बाद में और मंथन मेरे लिए संभालने के लिए बहुत अधिक था। मैंने सचमुच पैरामीटरयुक्त रूटिंग उदाहरण (यानी /user/:id ) के लिए पीआर जमा किया है। मुझे याद है कि मार्ग परिवर्तन पर getInitialProps को बंद करने से संबंधित कुछ अजीब बग के कारण मैंने पूरे सप्ताह का काम खो दिया । दिन के अंत में, Next.js आपके लिए बहुत से महत्वपूर्ण निर्णय लेता है (यानी रूटिंग, डेटा-फ़ेचिंग, फ़ोल्डर संरचना और स्टाइलिंग)। ये अच्छे हैं या बुरे, यह पूरी तरह से इस बात पर निर्भर करता है कि आप किस तरह के अनुप्रयोग का निर्माण कर रहे हैं। जैसा कि यह निकला, मुझे वास्तव में सर्वर को हर एक मार्ग (केवल 2 की तरह) प्रस्तुत करने की आवश्यकता नहीं थी, मैं पूर्ण पृष्ठ रीलोड के बजाय क्लाइंट लोडिंग राज्य चाहता था, और मैं मार्ग परिवर्तनों के बीच वैश्विक राज्य पेड़ को नष्ट नहीं करना चाहता था। वह, मेरी राय के साथ युग्मित है कि कटा हुआ ब्रेड के बाद से रिएक्ट-राउटर 4 सबसे अच्छी चीज है, इसका मतलब है कि नेक्स्ट.जेएस परियोजना के लिए सही फिट नहीं था।

कुछ और स्थिर की तलाश में, मैं NYT के kyt प्रोजेक्ट में चला गया। यह लगभग ~ 2 महीने के लिए पर्याप्त था, लेकिन 1) ऐप के बढ़ने के साथ ही बिल्ड टाइम बहुत धीमा (>45s) हो गया, 2) kyt के SCSS नियम प्रोजेक्ट के लिए सही फिट नहीं थे, और 3) मुझे kyt का लॉगिंग मिला (साथ में) इमोजी की पागल राशि) बहुत कष्टप्रद। इसलिए मैंने kyt के लिए एक पतले, तेज़ प्रतिस्थापन पर काम करना शुरू करने का फैसला किया, लेकिन यूनिवर्सल HMR और एक समान कॉन्फ़िगरेशन API के साथ Next.js-- create-react-app-ssr , इसलिए बोलने के लिए।

एक बार जब सब कुछ कहा और किया गया, तो मुझे एहसास हुआ कि मैंने लगभग ढांचा-अज्ञेय निर्माण प्रणाली बनाई है और यह कि अमूर्तता का यह स्तर मेरी परियोजना की जरूरतों के लिए अधिक उपयुक्त था। "फ्रेमवर्क-अज्ञेयवादी" से मेरा मतलब है कि रैज़ल 100% एंगुलर, वीयू, रैक्स, प्रीएक्ट, इन्फर्नो, रिएक्ट-एक्सपी, आरएन-वेब, रीज़न-रिएक्ट और, _सबसे महत्वपूर्ण मेरे लिए_ के साथ काम करेगा, जो भी पागल सामान आगे आता है। आईएमएचओ, अनुकूलन क्षमता रैज़ल और मैंने जो कुछ भी देखा है, के बीच महत्वपूर्ण अंतर है। रैज़ल के साथ, आप ब्लॉग पोस्ट में कुछ के बारे में पढ़ सकते हैं, एक कांटा बना सकते हैं, एक बैबेल-ट्रांसफॉर्म/वेबपैक कॉन्फिगरेशन/पैरेलल बिल्ड सिस्टम जोड़ सकते हैं और बस कोशिश कर सकते हैं। क्यों? क्योंकि नेक्स्ट के विपरीत, रैज़ल एक ढांचा नहीं है और सीआरए के विपरीत, रैज़ल आपको अंतर्निहित कॉन्फ़िगरेशन को फोर्क किए बिना बढ़ाने देता है। मेरे सीखने, सिखाने, प्रयोग करने और व्यवसाय करने के तरीके के लिए यह बहुत बड़ा है।

रैज़ल के लचीलेपन और अज्ञेयवाद ने मुझे और मेरी टीम के लिए पहले ही भुगतान कर दिया है:

• हमने razzle.config.js में कोड की 10 से कम पंक्तियों को बदलकर अपने ऐप को आंशिक-प्रवाह से 100% टाइपस्क्रिप्ट में क्रमिक रूप से स्थानांतरित कर दिया।
• बिना कोशिश किए भी, रैज़ल एक रीज़न रिएक्ट प्रोजेक्ट (SSR या SPA) को बूटस्ट्रैप करने का सबसे तेज़ तरीका बन गया है।

रैज़ल के भविष्य के लिए के रूप में। दो दिन पहले, "सीआरए में एसएसआर समर्थन जोड़ना" को रिएक्ट कोर टीम के रोडमैप पर शीर्ष ~ 15 टूडू के रूप में उल्लेख किया गया था। यदि सीआरए में एसएसआर समर्थन जोड़ा जाता है, तो रैज़ल को अब मौजूद रहने की आवश्यकता नहीं हो सकती है... और मैं इसके साथ पूरी तरह से शांत हूं_। हालांकि ऐसा होने तक, रैज़ल सर्वर प्रदान किए गए यूनिवर्सल जावास्क्रिप्ट के लिए फ्रेमवर्क-एग्नोस्टिक बिल्ड टूल के रूप में आगे बढ़ेगा।

बहुत खूब!! शानदार उत्तरों के लिए आप लोगों का बहुत-बहुत धन्यवाद।

हाय जारेड, मैं इस बारे में बहुत स्पष्ट नहीं हूं कि एसपीए कोणीय परियोजना को एसएसआर में बदलने के लिए रैज़ल का उपयोग कैसे करें।
क्या आप कृपया मुझे एक संकेत या मार्गदर्शन दे सकते हैं कि यह कैसे करें? बहुत - बहुत धन्यवाद।

एक रैज़ल कोणीय समाधान के लिए +1। https://github.com/jaredpalmer/razzle/issues/1109