server rendering तब अपनी कीमत वसूल करती है जब पहले paint की रफ्तार, crawler को दिखना, या कम ताकत वाले डिवाइस मायने रखते हों, क्योंकि यूज़र को कोई भी JavaScript चलने से पहले काम का HTML मिल जाता है। login के पीछे, जहां search engines बेमानी हैं और sessions लंबी चलती हैं, client rendered ऐप ठीक है। server rendering की असली लागत hydration है, यानी client पर दूसरी बार execution, साथ में एक server runtime, caching और डेटा लाना जो अब आपकी ज़िम्मेदारी है।
इंटरव्यूअर यह क्यों पूछते हैं
इंटरव्यूअर जानना चाहता है कि आप आर्किटेक्चर को किसी framework ट्यूटोरियल के डिफ़ॉल्ट से नहीं, यूज़र के नतीजों से जायज़ ठहरा सकते हैं। वे hydration सुन रहे हैं, क्योंकि लोग वही भूलते हैं, और यह भी कि server rendering ऑपरेशनल सतह बढ़ाती है। यह कहना कि server rendering हमेशा बेहतर है, उस जवाब से कमज़ोर है जो वह खास मामला गिनाए जहां सादा client rendered ऐप ही सही और सस्ता फैसला है।
अपना जवाब कैसे स्ट्रक्चर करें
- वे यूज़र नतीजे गिनाएं जिन्हें server rendering बेहतर करती है।
- वह मामला बताएं जहां client rendering बेहतर ट्रेड-ऑफ है।
- hydration समझाएं और बताएं कि वह मुफ्त क्यों नहीं है।
- बीच के रास्ते के तौर पर static या cached rendering का ज़िक्र करें।
उदाहरण जवाब
बात इस पर आती है कि इंतज़ार कौन कर रहा है और पेज को किसी crawler को पढ़ना है या नहीं। सबके सामने वाली किसी भी चीज़ के लिए, मार्केटिंग पेज, product listings, content, server rendering लगभग अनिवार्य है, क्योंकि यूज़र को पहली ही response में असली content दिखता है, न कि मध्यम श्रेणी के Android फोन पर bundle download और parse होते हुए एक spinner। किसी अंदरूनी टूल या भारी authenticated dashboard के लिए मैं client rendered ऐप से खुश हूं; उसे कोई index नहीं कर रहा और session घंटे भर चलती है तो शुरुआती load बंट जाता है। जो बात मैं लोगों को समझाना चाहता हूं वह hydration है। server rendering का मतलब डिफ़ॉल्ट रूप से कम JavaScript नहीं है; वही components अक्सर handlers जोड़ने के लिए client पर दोबारा चलते हैं, तो आप HTML तेज़ भेजकर भी ऐसा पेज दे सकते हैं जो दो सेकंड तक clicks अनदेखा करे। इसीलिए Server Components और streaming मायने रखते हैं, क्योंकि वे यह घटाते हैं कि hydrate करना कितनी चीज़ों को है। जहां डेटा कम बदलता है, वहां मैं build time पर render करना या edge पर HTML cache करके सर्वर का काम पूरी तरह छोड़ देना पसंद करूंगा।
जल्दी ही यह इंटरव्यू देने जा रहे हैं? GhostPilot आपकी लाइव कॉल सुनता है, सवाल पूछे जाते ही उसे पकड़ लेता है, और रियल-टाइम में एक स्ट्रक्चर्ड जवाब आपकी स्क्रीन पर डाल देता है। अगले मॉक में इसे आजमाएं, या ले लें एक $29 Session Pass, कोई सब्सक्रिप्शन नहीं, असली इंटरव्यू के लिए।
देखें यह कैसे काम करता हैफॉलो-अप सवाल जिनकी उम्मीद रखें
- hydration mismatch किससे होता है और आप उसे कैसे डिबग करते हैं?
- Suspense के साथ streaming महसूस होने वाले load को कैसे बदलती है?
- इसकी जगह revalidation वाली static generation कब चुनेंगे?
फुल स्टैक डेवलपर के और सवाल
आपका इंटरव्यूअर इसका अपना वर्ज़न पूछेगा। फ्री Question Predictor में अपना असली जॉब डिस्क्रिप्शन पेस्ट कीजिए और वो 20 सवाल पाइए जो उस रोल में सबसे ज्यादा पूछे जाने की संभावना है, साथ में यह भी कि हर सवाल असल में क्या टटोल रहा है।
मेरे सवाल प्रेडिक्ट करें