#Frontend Development

21 บทความ

เข้าใจ JavaScript Event Loop: ไขความลับ Call Stack และการทำงานแบบ Async

เข้าใจ JavaScript Event Loop: ไขความลับ Call Stack และการทำงานแบบ Async

ทำไม JavaScript ถึงทำงานหลายอย่างได้โดยไม่ค้าง? มาเรียนรู้กลไก Event Loop, Call Stack และการจัดการงานแบบ Async ที่มือใหม่ต้องรู้เพื่อเขียนโค้ดให้ลื่นไหล

ที่มา: DEV Community

10 hours ago 9 นาที
6 views
เรียนรู้ HTML Media Tags และก้าวแรกสู่การเขียน JavaScript สำหรับมือใหม่

เรียนรู้ HTML Media Tags และก้าวแรกสู่การเขียน JavaScript สำหรับมือใหม่

เปลี่ยนหน้าเว็บให้มีชีวิตชีวาด้วย HTML Media Tags พร้อมเริ่มทำความรู้จัก JavaScript ภาษาโปรแกรมที่ช่วยให้เว็บโต้ตอบกับผู้ใช้ได้จริง

ที่มา: DEV Community

5 days ago 11 นาที
7 views
ทำไมโปรแกรมเมอร์มือใหม่ต้องลองทดสอบเว็บด้วยเน็ตช้า (Network Throttling)

ทำไมโปรแกรมเมอร์มือใหม่ต้องลองทดสอบเว็บด้วยเน็ตช้า (Network Throttling)

เลิกทดสอบเว็บแค่บนเน็ตแรงๆ! เรียนรู้วิธีจำลองเน็ตช้าด้วย Cypress และ Playwright เพื่อหาบั๊กที่ซ่อนอยู่และพัฒนาแอปให้รองรับผู้ใช้งานจริงได้ดีขึ้น

ที่มา: DEV Community

1 week ago 10 นาที
16 views
วิธีเพิ่มไอคอนรูปประเทศในโปรเจกต์ Vue 3 ให้แอปดูเป็นมืออาชีพ

วิธีเพิ่มไอคอนรูปประเทศในโปรเจกต์ Vue 3 ให้แอปดูเป็นมืออาชีพ

อยากให้แอป Vue 3 ดูอินเตอร์ขึ้นไหม? มาดูวิธีใช้ไอคอนรูปประเทศแบบ SVG ด้วยไลบรารี @geoicons/vue ที่ปรับแต่งสีและขนาดได้ง่าย ๆ เหมือนเขียนโค้ดทั่วไป

ที่มา: DEV Community

2 weeks ago 8 นาที
13 views
จัดระเบียบโปรเจกต์ Next.js + Go ให้เป็นมืออาชีพด้วยโครงสร้างแบบ Monorepo

จัดระเบียบโปรเจกต์ Next.js + Go ให้เป็นมืออาชีพด้วยโครงสร้างแบบ Monorepo

มือใหม่หัดทำโปรเจกต์ Next.js คู่กับ Go ต้องดู! รู้วิธีจัดโครงสร้างไฟล์ให้เป็นระเบียบ หาโค้ดง่าย ไม่ปนกันมั่ว และขยายระบบได้ในอนาคตแบบมือโปร

ที่มา: DEV Community

4 weeks ago 9 นาที
18 views
สร้างแอป React ให้ใช้งานแบบ Offline-First: คู่มือฉบับนักพัฒนา Frontend

สร้างแอป React ให้ใช้งานแบบ Offline-First: คู่มือฉบับนักพัฒนา Frontend

เบื่อไหมที่แอปหมุนติ้วตอนเน็ตหลุด? มาเรียนรู้วิธีสร้างแอป React ให้ใช้งานได้แม้ไม่มีอินเทอร์เน็ตด้วย Service Worker และ IndexedDB เพื่อประสบการณ์ผู้ใช้ที่ดีที่สุด

ที่มา: DEV Community

1 month ago 8 นาที
16 views
วิธีปรับจูน React ให้ทำงานเร็วขึ้นแบบมือโปร ไม่ต้องเดา

วิธีปรับจูน React ให้ทำงานเร็วขึ้นแบบมือโปร ไม่ต้องเดา

เว็บ React เริ่มหน่วงใช่ไหม? มาดูวิธีวัดผลและปรับจูนประสิทธิภาพ (Performance) ให้ลื่นไหลขึ้นด้วยเทคนิคที่ทำตามได้จริง ไม่ต้องเดา ไม่ต้องปรับแต่งเกินความจำเป็น

ที่มา: DEV Community

1 month ago 8 นาที
14 views
เจาะลึก React 19 Actions และ useActionState จัดการฟอร์มให้ง่ายและสะอาดกว่าเดิม
React

เจาะลึก React 19 Actions และ useActionState จัดการฟอร์มให้ง่ายและสะอาดกว่าเดิม

เรียนรู้การจัดการฟอร์มใน React 19 ด้วย Actions และ useActionState ช่วยลดโค้ดที่ซับซ้อน จัดการสถานะ Loading ได้ง่ายขึ้น เหมาะสำหรับมือใหม่ที่อยากเขียนโค้ดให้เป็นมืออาชีพ

1 month ago 8 นาที
20 views
จัดการ Memory Leak ใน React 19 ด้วย useEffect และเทคนิคการ Fetch Data อย่างมืออาชีพ
React

จัดการ Memory Leak ใน React 19 ด้วย useEffect และเทคนิคการ Fetch Data อย่างมืออาชีพ

เรียนรู้วิธีใช้ useEffect และ Cleanup Function ใน React 19 เพื่อป้องกัน Memory Leak พร้อมเทคนิคการดึงข้อมูลด้วย fetch และ axios สำหรับมือใหม่ให้แอปเสถียรยิ่งขึ้น

1 month ago 9 นาที
19 views
สอนใช้ React 19 วนลูปแสดงผลรายการด้วย .map() และวิธีใช้ key อย่างถูกต้องเพื่อเลี่ยงบั๊ก
React

สอนใช้ React 19 วนลูปแสดงผลรายการด้วย .map() และวิธีใช้ key อย่างถูกต้องเพื่อเลี่ยงบั๊ก

เรียนรู้วิธีแสดงผลรายการข้อมูลด้วย .map() ใน React 19 พร้อมเจาะลึกความสำคัญของ key และเหตุผลที่มือใหม่ควรเลี่ยงการใช้ index เป็น key เพื่อป้องกันบั๊ก

1 month ago 7 นาที
16 views