फ्रंटएंड अब एक संवाद बनता जा रहा है
एक दशक तक, फ्रंटएंड डेवलपमेंट टूल्स के बीच की लड़ाई थी। आप React या Angular के बीच चुनाव करते थे। आप Webpack या Vite के बीच चुनाव करते थे। आपका अधिकांश समय इन बदलावों के साथ तालमेल बिठाने में बीतता था।
वह युग समाप्त हो रहा है। ध्यान अब इस बात से हटकर कि कौन सी लाइब्रेरी इस्तेमाल करनी है, इस पर जा रहा है कि डेटा और AI एक साथ कैसे काम करते हैं।
आधुनिक प्रोडक्शन ऐप्स एक नए पैटर्न का पालन करते हैं:
- React या Svelte जैसे फ्रेमवर्क मानक (standard) हैं।
- Next.js या SvelteKit जैसे मेटा-फ्रेमवर्क मुख्य कार्य (heavy lifting) संभालते हैं।
- TypeScript डिफॉल्ट है।
- सर्वर-फर्स्ट रेंडरिंग एक आधार (baseline) है।
गुरुत्वाकर्षण का केंद्र वापस सर्वर की ओर चला गया है। यह एक स्मार्ट सर्वर है जो डेटा स्ट्रीम करता है और नेटवर्क को कुशलतापूर्वक प्रबंधित करता है।
AI ने कार्यभार (workload) को बदल दिया है। यह कार्य के पहले 80% हिस्से को संभाल लेता है। यह मिनटों में एक कंपोनेंट या लेआउट बना सकता है। यह घंटों के मैनुअल काम की जगह ले लेता है।
AI अंतिम 20% में विफल हो जाता है। इसे एक्सेसिबिलिटी (accessibility), एज केसेस (edge cases) और जटिल स्टेट लॉजिक (complex state logic) के साथ संघर्ष करना पड़ता है। AI आपको एक ड्राफ्ट देता है। यह आपको कोई सटीक समाधान नहीं देता।
आपका मूल्य अब निर्णय लेने की क्षमता (judgment) में है। आपको पता होना चाहिए कि कब जनरेट किया गया कोड गलत है। उदाहरण के लिए, AI एक प्राइस कंपोनेंट लिख सकता है लेकिन विभिन्न मुद्राओं (currencies) या लोकैलिटी फॉर्मेट (locale formats) को भूल सकता है। ऐसे सवाल पूछना ही अब आपका नया काम है।
हम Generative UI की ओर बढ़ रहे हैं।
- Static UI: आप हर स्क्रीन खुद लिखते हैं।
- Server-driven UI: बैकएंड क्लाइंट को रेंडर करने के लिए एक स्कीमा (schema) भेजता है।
- Generative UI: एक मॉडल यूजर के इरादे (intent) के आधार पर एक कंपोनेंट ट्री बनाता है।
सफल टीमें एक सीमित (constrained) दृष्टिकोण अपनाती हैं। वे AI को ऑडिट किए गए कंपोनेंट्स का एक निश्चित सेट देती हैं। डिज़ाइन सिस्टम AI के लिए एक सुरक्षा घेरे (guardrail) के रूप में कार्य करता है।
भविष्य के लिए तीन भविष्यवाणियाँ:
- कंपोनेंट लाइब्रेरीज़ आपकी सबसे मूल्यवान संपत्ति हैं। ये वे चीज़ें हैं जिनका उपयोग इंसान और AI दोनों निर्माण के लिए करते हैं।
- मशीन-पठनीय कॉन्ट्रैक्ट्स (Machine-readable contracts) की जीत होगी। स्पष्ट टाइप्स और स्कीमा AI को बिना किसी त्रुटि के काम करने में मदद करते हैं।
- रिव्यू करना टाइपिंग की जगह ले लेगा। आपका मुख्य कार्य कोड लिखने से बदलकर उसका मूल्यांकन करने पर केंद्रित हो जाएगा।
फ्रंटएंड इंजीनियरिंग गायब नहीं हो रही है। इसके यांत्रिक (mechanical) हिस्से सस्ते होते जा रहे हैं। आर्किटेक्चर, शुद्धता (correctness) और समझ (taste) जैसे कठिन हिस्से अधिक मूल्यवान होते जा रहे हैं।
बेहतरीन इंजीनियर सबसे तेज़ टाइप करने वाले नहीं होंगे। वे वे होंगे जो यह परिभाषित कर सकेंगे कि 'अच्छा' क्या दिखता है और तुरंत गलतियों को पकड़ सकेंगे।
Optional learning community: https://t.me/GyaanSetuAi