फ्रंटएंड आसान है... जब तक आप वास्तव में कुछ बनाते नहीं हैं

लोग सोचते हैं कि फ्रंटएंड डेवलपमेंट आसान है।

वे ऐसी बातें कहते हैं:

  • यह सिर्फ एक स्क्रीन है।
  • असली काम बैकएंड करता है।
  • AI इसे बना सकता है।
  • बस एक कंपोनेंट लाइब्रेरी का उपयोग करें।
  • यह सिर्फ एक चेकबॉक्स है।

हर फ्रंटएंड डेवलपर जानता है कि इन कहानियों का अंत कैसे होता है। एक साधारण चेकबॉक्स आपका पूरा हफ्ता बर्बाद कर सकता है।

मैंने अपनी पिछली नौकरी में इसे बहुत कठिन तरीके से सीखा। हमने एक ऑडिटिंग फर्म के लिए एक प्लेटफॉर्म बनाया था। एक प्रोजेक्ट मैनेजर ने डैशबोर्ड पर एक चेकबॉक्स मांगा। उन्होंने कहा कि इसमें दो घंटे लगेंगे। उन्होंने मुझे इसे टेस्ट करने के लिए पूरा एक दिन भी दिया।

मुझे लगा कि वह उदार हो रही हैं। मैं गलत था।

चेकबॉक्स कोई साधारण UI एलिमेंट नहीं था। इसके कड़े नियम थे:

  • यह केवल विशिष्ट क्लाइंट प्रकारों के लिए दिखाई देता है।
  • यह केवल तभी दिखता है जब प्रोजेक्ट राजस्व (revenue) की एक सीमा को पूरा करता है।
  • यह केवल तभी दिखाई देता है जब प्रोजेक्ट सक्रिय (active) हो।
  • यह केवल तभी दिखता है जब कंसल्टेंट प्रोजेक्ट का मालिक हो।

फिर लॉजिक बढ़ता गया। बॉक्स को चेक करने से एक रिक्वेस्ट ट्रिगर हुई। उस रिक्वेस्ट के लिए मैनेजर से अप्रूवल की आवश्यकता थी। इसके लिए चाहिए था:

  • नए API एंडपॉइंट्स।
  • जटिल अप्रूवल वर्कफ़्लो।
  • एरर हैंडलिंग और लोडिंग स्टेट्स।
  • नए नोटिफिकेशन सिस्टम।

स्थिति और खराब हो गई। मैनेजर नहीं चाहते थे कि रिक्वेस्ट खाली पड़ी रहे। अगर मैनेजर ऑनलाइन नहीं होता, तो चेकबॉक्स को छिपना पड़ता था। हमें रियल-टाइम प्रेजेंस ट्रैकिंग लागू करनी पड़ी।

अचानक, हम ये सब मैनेज कर रहे थे:

  • डेटाबेस मॉडल्स।
  • सॉकेट कनेक्शन।
  • रियल-टाइम डेटा सिंक्रोनाइज़ेशन।
  • रेस कंडीशंस।

हमने एक चेकबॉक्स पर तीस घंटे बिताए।

हमने एक बॉक्स बनाने में तीस घंटे नहीं बिताए। हमने बिजनेस रूल्स को कोड में बदलने में तीस घंटे बिताए।

फ्रंटएंड की जटिलता मानवीय आवश्यकताओं से आती है। आपको इनके लिए समाधान करना होगा:

  • ऑफलाइन यूजर्स।
  • एक साथ होने वाले क्लिक्स।
  • परमिशन में बदलाव।
  • धीमी API रिस्पॉन्स।
  • डिस्कनेक्टेड सॉकेट्स।

ShadCN जैसी कंपोनेंट लाइब्रेरीज़ बेहतरीन हैं। लेआउट के लिए AI मददगार है। लेकिन वे बिजनेस समस्याओं को हल नहीं करते हैं। एक लाइब्रेरी आपको चेकबॉक्स देती है। यह आपको यह नहीं बताती कि इसे कौन देखेगा या अप्रूवल कैसे फ्लो होगा।

कठिन हिस्सा पिक्सेल नहीं है। कठिन हिस्सा यह समझना है कि उस बॉक्स का मतलब क्या है।

फ्रंटएंड मानवीय अराजकता को ऐसी चीज़ में बदलने के बारे में है जिस पर लोग क्लिक कर सकें। सबसे अच्छा काम आसान लगता है क्योंकि किसी ने उसे सरल महसूस कराने में दिन बिताए होते हैं।

आपकी "सिंपल चेकबॉक्स" वाली कहानी क्या है?

स्रोत: https://dev.to/mdazlaanzubair/frontend-is-easy-until-you-actually-build-something-20fb