पूरे form के लिए एक ही schema रखिए और हर चरण को उसके अपने हिस्से पर validate कीजिए, ताकि वही नियम client पर और फिर server पर चलें। जवाब चरणों के ऊपर एक ही object में रखिए, मौजूदा चरण URL से चलाइए ताकि पीछे और आगे काम करें, और चरण बदलते ही प्रगति सहेजिए। blur और submit पर validate कीजिए, और client की validation को कभी इकलौता दरवाजा मत मानिए।
इंटरव्यूअर यह क्यों पूछते हैं
कई चरणों वाले form एक साथ बहुत से डिजाइन फैसले सामने ला देते हैं: state की जगह, routing, validation की रणनीति, सहेजना और accessibility। इंटरव्यूअर देखना चाहते हैं कि आप सोचते हैं कि user browser का back दबाएगा, बीच में refresh करेगा, और आखिरी चरण पर server की validation की गलती से टकराएगा। कमजोर जवाब सब कुछ एक विशाल useState में रखते हैं और URL को पूरी तरह भूल जाते हैं।
अपना जवाब कैसे स्ट्रक्चर करें
- एक schema तय करें और हर चरण की validation उसी से निकालें।
- बताएं कि जवाब कहां रहते हैं और क्यों।
- चरण को URL में रखें और बताएं कि इससे क्या ठीक होता है।
- सहेजना, server की validation और submit पर errors संभालना कवर करें।
उदाहरण जवाब
मैं पूरे form के लिए एक ही schema से शुरू करता हूं, फिर हर चरण अपने हिस्से को validate करता है। इस तरह सही होने की एक ही परिभाषा रहती है, और मैं वही schema server पर भी चला सकता हूं, क्योंकि client की validation एक सुविधा है, कोई गारंटी नहीं। जमा हुए जवाब किसी parent में एक object में रहते हैं, या अगर चरण पेड़ में दूर दूर हों तो किसी छोटे store में, और हर चरण को उसका हिस्सा और वापस लिखने का तरीका मिलता है। मौजूदा चरण URL में जाता है, जो सुनने में मामूली लगता है पर एक साथ कई चीजें ठीक करता है: पीछे और आगे काम करते हैं, कोई refresh करके भी अपनी जगह नहीं खोता, और support पूछ सकता है कि वे किस URL पर हैं। मैं हर चरण बदलने पर draft सहेजता हूं, आम तौर पर user के signed in होने पर server पर और वरना storage में। validation blur पर और फिर next पर चलती है, और आखिरी submit पर मैं server की errors को उनके field के रास्तों से सही चरण पर मिलाकर user को वहीं ले जाता हूं, गलत input पर focus के साथ।
जल्दी ही यह इंटरव्यू देने जा रहे हैं? GhostPilot आपकी लाइव कॉल सुनता है, सवाल पूछे जाते ही उसे पकड़ लेता है, और रियल-टाइम में एक स्ट्रक्चर्ड जवाब आपकी स्क्रीन पर डाल देता है। अगले मॉक में इसे आजमाएं, या ले लें एक $29 Session Pass, कोई सब्सक्रिप्शन नहीं, असली इंटरव्यू के लिए।
देखें यह कैसे काम करता हैफॉलो-अप सवाल जिनकी उम्मीद रखें
- ऐसी validation की गलती कैसे संभालते हैं जिसे सिर्फ server पकड़ सकता है?
- जो user तीसरे चरण पर छोड़कर एक हफ्ते बाद लौटे, उसका क्या करते हैं?
- screen readers के लिए चरणों के बीच focus और घोषणाएं कैसे संभालते हैं?
React डेवलपर के और सवाल
आपका इंटरव्यूअर इसका अपना वर्ज़न पूछेगा। फ्री Question Predictor में अपना असली जॉब डिस्क्रिप्शन पेस्ट कीजिए और वो 20 सवाल पाइए जो उस रोल में सबसे ज्यादा पूछे जाने की संभावना है, साथ में यह भी कि हर सवाल असल में क्या टटोल रहा है।
मेरे सवाल प्रेडिक्ट करें