Frontend กำลังกลายเป็นการสนทนา

เป็นเวลาทศวรรษที่การพัฒนา frontend คือการต่อสู้กันด้วยเครื่องมือ คุณต้องเลือกระหว่าง React หรือ Angular คุณต้องเลือกระหว่าง Webpack หรือ Vite เวลาส่วนใหญ่ของคุณหมดไปกับการไล่ตามการเปลี่ยนแปลงเหล่านี้

ยุคนั้นกำลังจะสิ้นสุดลง จุดสนใจกำลังเปลี่ยนจากการเลือกว่าจะใช้ library ไหน ไปสู่การที่ข้อมูลและ AI จะทำงานร่วมกันได้อย่างไร

แอปพลิเคชันที่ใช้งานจริงในปัจจุบัน (Modern production apps) กำลังดำเนินตามรูปแบบใหม่:

  • Framework อย่าง React หรือ Svelte กลายเป็นมาตรฐาน
  • Meta-framework อย่าง Next.js หรือ SvelteKit ทำหน้าที่จัดการงานหนักๆ
  • TypeScript กลายเป็นค่าเริ่มต้น
  • การเรนเดอร์แบบ Server-first กลายเป็นพื้นฐาน

จุดศูนย์กลางของความสำคัญได้ย้ายกลับไปที่เซิร์ฟเวอร์ มันคือเซิร์ฟเวอร์ที่ฉลาดขึ้น ซึ่งสามารถสตรีมข้อมูลและจัดการเครือข่ายได้อย่างมีประสิทธิภาพ

AI ได้เปลี่ยนภาระงาน มันจัดการงาน 80% แรกให้เสร็จสิ้น มันสามารถสร้าง component หรือ layout ได้ภายในไม่กี่นาที ซึ่งเข้ามาแทนที่การทำงานด้วยมือที่ต้องใช้เวลาหลายชั่วโมง

แต่ AI มักจะพลาดใน 20% สุดท้าย มันยังติดขัดเรื่อง accessibility, edge cases และตรรกะของ state ที่ซับซ้อน AI ให้เพียงแค่ร่างงาน (draft) แต่มันไม่ได้ให้คำตอบที่สมบูรณ์แบบแก่คุณ

คุณค่าของคุณในตอนนี้อยู่ที่การตัดสินใจ (judgment) คุณต้องรู้ว่าเมื่อไหร่ที่โค้ดที่ถูกสร้างขึ้นมานั้นผิด ตัวอย่างเช่น AI อาจเขียน component แสดงราคา แต่ลืมคำนึงถึงสกุลเงินที่แตกต่างกันหรือรูปแบบ locale การตั้งคำถามเหล่านี้คือหน้าที่ใหม่ของคุณ

เรากำลังก้าวเข้าสู่ยุค Generative UI

  1. Static UI: คุณเขียนทุกหน้าจอเอง
  2. Server-driven UI: Backend ส่ง schema มาเพื่อให้ client ทำการเรนเดอร์
  3. Generative UI: โมเดลสร้าง component tree ตามความต้องการของผู้ใช้ (user intent)

ทีมที่ประสบความสำเร็จจะใช้วิธีการแบบมีการควบคุม (constrained approach) พวกเขาจะให้ชุด component ที่ผ่านการตรวจสอบแล้ว (audited components) แก่ AI โดยมี design system เป็นเสมือนราวกันตก (guardrail) ให้กับ AI

3 คำทำนายสำหรับอนาคต:

  • Component libraries คือสินทรัพย์ที่มีค่าที่สุดของคุณ เพราะเป็นสิ่งที่ทั้งมนุษย์และ AI ใช้ในการสร้างงาน
  • Machine-readable contracts คือผู้ชนะ การมี types และ schemas ที่ชัดเจนจะช่วยให้ AI ทำงานได้โดยไม่เกิดข้อผิดพลาด
  • การรีวิวจะเข้ามาแทนที่การพิมพ์ งานหลักของคุณจะเปลี่ยนจากการเขียนโค้ดไปเป็นการประเมินโค้ดแทน

วิศวกรรม frontend ไม่ได้กำลังหายไป เพียงแต่ส่วนที่เป็นงานเชิงกล (mechanical parts) จะมีราคาถูกลง ส่วนที่ยากอย่างสถาปัตยกรรม (architecture), ความถูกต้อง (correctness) และรสนิยม (taste) จะมีมูลค่าสูงขึ้น

วิศวกรที่เก่งที่สุดจะไม่ใช่คนที่พิมพ์เร็วที่สุด แต่จะเป็นคนที่สามารถนิยามได้ว่า "งานที่ดี" คืออะไร และสามารถตรวจพบข้อผิดพลาดได้อย่างทันท่วงที

Source: https://dev.to/parsajiravand/the-frontend-is-becoming-a-conversation-where-ui-engineering-goes-next-98l

Optional learning community: https://t.me/GyaanSetuAi