Frontend ஒரு உரையாடலாக மாறிவருகிறது

ஒரு தசாப்த காலமாக, frontend மேம்பாடு என்பது கருவிகளுக்கான ஒரு போராட்டமாக இருந்தது. நீங்கள் React அல்லது Angular ஆகியவற்றில் ஒன்றைத் தேர்ந்தெடுத்தீர்கள். Webpack அல்லது Vite ஆகியவற்றில் ஒன்றைத் தேர்ந்தெடுத்தீர்கள். உங்கள் நேரத்தின் பெரும்பகுதி இந்த மாற்றங்களுடன் இணைந்து செயல்படுவதிலேயே கழிந்தது.

அந்த யுகம் முடிவுக்கு வருகிறது. எந்த லைப்ரரியைப் (library) பயன்படுத்துவது என்பதிலிருந்து, தரவுகளும் (data) AI-யும் எவ்வாறு இணைந்து செயல்படுகின்றன என்பதற்கே கவனம் மாறுகிறது.

நவீன தயாரிப்பு செயலிகள் (production apps) ஒரு புதிய முறையைப் பின்பற்றுகின்றன:

  • React அல்லது Svelte போன்ற Frameworks தரநிலையாக உள்ளன.
  • Next.js அல்லது SvelteKit போன்ற Meta-frameworks கடினமான வேலைகளைக் கையாளுகின்றன.
  • TypeScript என்பது இயல்பான தேர்வாக (default) உள்ளது.
  • Server-first rendering என்பது அடிப்படைத் தேவையாக உள்ளது.

முக்கியத்துவம் மீண்டும் சர்வருக்கு (server) மாறியுள்ளது. இது தரவுகளைத் தொடர்ச்சியாக வழங்கும் (streams data) மற்றும் நெட்வொர்க்கை திறம்பட நிர்வகிக்கும் ஒரு புத்திசாலித்தனமான சர்வEr ஆகும்.

AI வேலைப்பளுவை மாற்றியுள்ளது. இது பணியின் முதல் 80% பகுதியைச் செய்கிறது. இது சில நிமிடங்களில் ஒரு component அல்லது layout-ஐ உருவாக்க முடியும். இது பல மணிநேர கைமுறை வேலையை மாற்றுகிறது.

கடைசி 20% பணியில் AI தோல்வியடைகிறது. இது accessibility, edge cases மற்றும் சிக்கலான state logic ஆகியவற்றில் சிரமப்படுகிறது. AI உங்களுக்கு ஒரு வரைவை (draft) மட்டுமே தருகிறது. அது உங்களுக்கு ஒரு முழுமையான தீர்வைத் தருவதில்லை.

உங்கள் மதிப்பு இப்போது உங்கள் தீர்ப்பில் (judgment) உள்ளது. உருவாக்கப்பட்ட குறியீடு (code) எப்போது தவறானது என்பதை நீங்கள் அறிய வேண்டும். உதாரணமாக, AI ஒரு விலை கூறுகளை (price component) எழுதலாம், ஆனால் வெவ்வேறு நாணயங்கள் அல்லது உள்ளூர் வடிவங்களை (locale formats) மறந்துவிடலாம். அத்தகைய கேள்விகளைக் கேட்பதே உங்கள் புதிய வேலையாகும்.

நாம் Generative UI நோக்கி நகர்ந்து கொண்டிருக்கிறோம்.

  1. Static UI: நீங்கள் ஒவ்வொரு திரையையும் எழுதுகிறீர்கள்.
  2. Server-driven UI: Backend ஒரு schema-வை அனுப்புகிறது, அதை client திரையில் காட்டுகிறது (render).
  3. Generative UI: ஒரு மாடல் பயனரின் நோக்கத்தின் அடிப்படையில் ஒரு component tree-ஐ உருவாக்குகிறது.

வெற்றிகரமான குழுக்கள் ஒரு கட்டுப்படுத்தப்பட்ட அணுகுமுறையைப் பயன்படுத்துகின்றன. அவர்கள் AI-க்கு தணிக்கை செய்யப்பட்ட (audited) கூறுகளின் ஒரு குறிப்பிட்ட தொகுப்பைக் கொடுக்கிறார்கள். Design system என்பது AI-க்கான ஒரு பாதுகாப்பு வேலையாக (guardrail) மாறுகிறது.

எதிர்காலத்திற்கான மூன்று கணிப்புகள்:

  • Component libraries உங்கள் மிகவும் மதிப்புமிக்க சொத்துக்கள். மனிதர்களும் AI-யும் உருவாக்குவதற்குப் பயன்படுத்துவது இவைதான்.
  • Machine-readable contracts வெற்றி பெறும். தெளிவான types மற்றும் schemas AI பிழையின்றி செயல்பட உதவுகின்றன.
  • Reviewing என்பது typing-க்கு மாற்றாகிறது. உங்கள் முக்கிய பணி குறியீட்டை எழுதுவதிலிருந்து அதை மதிப்பீடு செய்வதாக மாறுகிறது.

Frontend engineering மறைந்துவிடவில்லை. இயந்திரத்தனமான பகுதிகள் மலிவாகி வருகின்றன. architecture, துல்லியம் (correctness) மற்றும் ரசனை (taste) போன்ற கடினமான பகுதிகள் அதிக மதிப்புமிக்கதாக மாறி வருகின்றன.

சிறந்த பொறியாளர்கள் மிக வேகமாகத் தட்டச்சு செய்பவர்களாக இருக்க மாட்டார்கள். எது சிறந்தது என்பதை வரையறுக்கக்கூடியவர்களாகவும், தவறுகளை உடனடியாகக் கண்டறியக்கூடியவர்களாகவும் இருப்பார்கள்.

ஆதாரம்: https://dev.to/parsajiravand/the-frontend-is-becoming-a-conversation-where-ui-engineering-goes-next-98l

விருப்பமான கற்றல் சமூகம்: https://t.me/GyaanSetuAi