الواجهة الأمامية تتحول إلى حوار

على مدار عقد من الزمان، كان تطوير الواجهة الأمامية صراعاً حول الأدوات. كنت تختار بين React أو Angular. كنت تختار بين Webpack أو Vite. كان معظم وقتك يضيع في مواكبة هذه التغييرات.

هذا العصر يلفظ أنفاسه الأخيرة. يتحول التركيز من اختيار المكتبة التي ستستخدمها إلى كيفية عمل البيانات والذكاء الاصطناعي معاً.

تتبع تطبيقات الإنتاج الحديثة نمطاً جديداً:

  • أصبحت أطر العمل مثل React أو Svelte هي المعيار.
  • تتولى أطر العمل المتقدمة (Meta-frameworks) مثل Next.js أو SvelteKit المهام الشاقة.
  • أصبح TypeScript هو الخيار الافتراضي.
  • أصبح التصيير المعتمد على الخادم أولاً (Server-first rendering) هو الأساس.

انتقل مركز الثقل عائداً إلى الخادم. إنه خادم أكثر ذكاءً يقوم ببث البيانات وإدارة الشبكة بكفاءة.

لقد غيّر الذكاء الاصطناعي حجم العمل. فهو يتولى أول 80% من المهمة. يمكنه بناء مكون (component) أو تخطيط (layout) في دقائق، مما يحل محل ساعات من العمل اليدوي.

يفشل الذكاء الاصطناعي في الـ 20% الأخيرة. فهو يعاني مع سهولة الوصول (accessibility)، والحالات الاستثنائية (edge cases)، ومنطق الحالة المعقد (complex state logic). الذكاء الاصطناعي يعطيك مسودة، ولا يعطيك حلاً مثالياً.

تكمن قيمتك الآن في القدرة على التقييم. يجب أن تعرف متى يكون الكود المُنشأ خاطئاً. على سبيل المثال، قد يكتب الذكاء الاصطناعي مكوناً للسعر ولكنه ينسى العملات المختلفة أو تنسيقات المواقع المحلية (locale formats). طرح هذه الأسئلة هو وظيفتك الجديدة.

نحن نتحرك نحو الواجهة التوليدية (Generative UI).

  1. الواجهة الساكنة (Static UI): أنت تكتب كل شاشة.
  2. الواجهة المدفوعة بالخادم (Server-driven UI): يرسل الجزء الخلفي (backend) مخططاً (schema) ليقوم العميل بتصييره.
  3. الواجهة التوليدية (Generative UI): يقوم نموذج ببناء شجرة مكونات بناءً على نية المستخدم.

تستخدم الفرق الناجحة نهجاً مقيداً؛ حيث يمنحون الذكاء الاصطناعي مجموعة ثابتة من المكونات التي تمت مراجعتها. يصبح نظام التصميم (design system) هو السياج الواقي للذكاء الاصطناعي.

ثلاثة توقعات للمستقبل:

  • مكتبات المكونات هي أثمن أصولك. فهي ما يستخدمه كل من البشر والذكاء الاصطناعي للبناء.
  • العقود القابلة للقراءة آلياً هي المنتصرة. تساعد الأنواع (types) والمخططات (schemas) الواضحة الذكاء الاصطناعي على العمل دون أخطاء.
  • المراجعة تحل محل الكتابة. تتحول مهمتك الرئيسية من كتابة الكود إلى تقييمه.

هندسة الواجهة الأمامية لا تختفي. الأجزاء الميكانيكية تصبح أرخص، بينما الأجزاء الصعبة مثل البنية التحتية (architecture)، والدقة، والذوق الفني تصبح أكثر قيمة.

لن يكون أفضل المهندسين هم الأسرع في الكتابة، بل سيكونون أولئك الذين يمكنهم تحديد معايير الجودة واكتشاف الأخطاء فوراً.

المصدر: https://dev.to/parsajiravand/the-frontend-is-becoming-a-conversation-where-ui-engineering-goes-next-98l

مجتمع تعليمي اختياري: https://t.me/GyaanSetuAi