Latest Articles
Discover new stories, technology, and creativity.
Don't Make Me Think: การออกแบบ UI ที่ทำให้ผู้ใช้ไม่ต้องคิด
Don't Make Me Think ผู้ใช้ไม่ควรต้องหยุดเพื่อคิดว่าจะกดอะไรต่อ Don't Make Me Think เป็นแนวคิดด้าน UX ที่เสนอว่าอินเทอร์เฟซที่ดีควรอธิบายตัวเองได้ ผู้ใช้ควร รู้ทันทีว่าหน้าเว็บนี้คืออะไร ปุ่มไหนกดได้ และควรทำอะไรต่อ โดยไม่ต้องเสียเวลาคิดหรือเดา ทุกครั้งที่ผู้ใช้ต้องหยุดเพื่อหาปุ่ม อ่านคำอธิบายหลายรอบ...
รู้จัก Ports and Adapters Pattern
ให้ Business Logic พึ่งพา Interface แทนการพึ่งพา Database หรือ Framework Concept Ports and Adapters หรือ Hexagonal Architecture เป็นแนวคิดที่ช่วยแยก Business Logic ออกจากรายละเอียดภายนอก เช่น Database, API หรือ Framework Business Layer รู้จักเพียง Interface (Port) ส่วนการเชื่อมต่อกับระบบจริงจะถูกจัด...
Get Started With Go
Get Started With Go Introduction Go หรือที่หลายคนเรียกว่า Golang เป็นภาษาโปรแกรมแบบ Open Source ที่พัฒนาโดย Google ในปี 2009 โดยมีเป้าหมายเพื่อแก้ปัญหาที่ภาษาเดิม ๆ เริ่มตอบโจทย์ได้ไม่ดี ไม่ว่าจะเป็นเวลาในการ Compile ที่นาน ความซับซ้อนของภาษา หรือการพัฒนาโปรแกรมที่ต้องรองรับการทำงานพร้อมกัน (Concurr...
Getting Started with useActionState in React 19
Why useActionState? Before React 19, handling form submissions often required multiple pieces of state such as loading, error, and result. useActionState combines these concerns into a single hook that automatically stores the latest action result. Works naturally with HTML forms. Keeps action resul...
React createPortal Render UI Outside the Component Tree
เวลาเราสร้าง Component ใน React เรามักคาดหวังว่า DOM ที่ถูก Render จะอยู่ในตำแหน่งเดียวกับ Component นั้น DOM ที่จะได้ แต่มี UI บางประเภทที่ไม่ควรถูก Render ตามตำแหน่งของ Component เช่น Modal Dialog Tooltip Dropdown Toast Notification Context Menu UI เหล่านี้ควรแสดงอยู่ "เหนือ" ทุกอย่างบนหน้าจอ ไม่ใ...