เปลี่ยนจากใช้ && แบบเดิมเป็น ?. (Optional Chaining) ดีกว่าไหม ทำให้โค้ดสะอาดและบำรุงรักษาง่ายกว่า . ปัญหาที่เจอบ่อย เวลาเข้าถึง property หลายชั้นใน Object ของ JavaScript มักเจอ TypeError: Cannot read property ‘x’ of undefined เราต้องเขียนโค้ดป้องกันซ้ำ ๆ เช่น if (user && user.profile && user.profile.avatar) { … } . วิธีนี้ใช้ได้ผลปกติ แต่ลองมาใช้ Optional Chaining (?.) จะดีกว่าไหม การใช้ user?.profile?.avatar จะหยุดทำงานทันทีหากค่าก่อนหน้าเป็น null หรือ undefined และคืนค่า…
Category: Uncategorized
10 ขั้นตอน สู่การเป็น Frontend Developer ในปี 2025
1. เรียนรู้การทำงานของ Web Application พื้นฐาน เช่น domain names / DNS / http / https คืออะไร . 2. เรียนรู้การเครื่องมือสำหรับเขียนโค้ด เช่น VS Code / การใช้ Extentions ต่างๆ เช่น Prettier (สำหรับ format code), ESLint (สำหรับตรวจสอบ error) เป็นต้น . 3. เรียนรู้ HTML พื้นฐาน เช่น Tags, Elements, Attributes และเรียน CSS พื้นฐาน เช่น Selectors, Layout (Flexbox/Grid),…
เลือก Node.js (docker image) ให้เหมาะสมกับโปรเจค
มาเลือก Node.js (docker image) ให้เหมาะสมกับโปรเจคของเรากันครับ 1. สำหรับ Development หรือ Build Stages: ใช้ node:<version> หรือ bitnami/node:<version> เฉพาะในกรณีที่เราต้องคอมไพล์โมดูล Node.js ที่เป็น Native จาก C++ เช่นไลบรารี bcrypt, node-sqlite3, sharp เป็นต้น สำหรับกรณีอื่นๆ ส่วนใหญ่ การเลือก node:<version>-slim ซึ่งมีขนาดเล็กกว่าและประสิทธิภาพดีกว่า จะเหมาะสมกว่า . 2. สำหรับสภาพแวดล้อมการใช้งานจริง (Production Environments): หากเรื่องช่องโหว่ความปลอดภัย (CVEs) และขนาดของ image ไม่ใช่สิ่งที่เราให้ความสำคัญสูงสุด การใช้ node:<version>-slim จะช่วยให้เราทำงานราบรื่น หากแอปพลิเคชันของเราต้องการแพ็กเกจ OS เพิ่มเติมหลายตัว การใช้ node:<version>-slim…
แนะนำ React Hooks library และ Vue.js Composition library
แนะนำ React Hooks library และ Vue.js Composition library ใช้งานได้เลย ไม่ต้องเขียนเองครับ สำหรับ React แนะนำ react-use https://github.com/streamich/react-use สำหรับ Vue.js แนะนำ VueUse https://vueuse.org Views: 38
เช็คเวอร์ชันของ Node.js ที่ใช้อยู่ว่าปลอดภัยหรือไม่
เช็คเวอร์ชันของ Node.js ที่ใช้อยู่ว่าปลอดภัยหรือไม่ด้วยคำสั่ง“npx is-my-node-vulnerable” ใครขึ้น “DANGER” อัปเกรดด่วน! Views: 19
แนะนำรายการ Kubernetes best practices ก่อน Deploy
“Kubernetes best practices”ตรวจสอบรายการเหล่านี้ก่อนเพื่อช่วยให้เรา Deploy production อย่างมั่นใจครับ ลองศึกษา checklist แต่ละข้อที่นี่ครับ https://learnk8s.io/production-best-practices Views: 14
Admin Dashboard ฟรี สร้างบน Bootstrap 5
Tabler v1.0.0 ใหม่Admin Dashboard ฟรี สร้างบน Bootstrap 5 มี Component 100+ (Fully responsive)ไปลองกันได้ครับ ^^ ดู preview และการใช้งานที่นี่ครับ https://tabler.io/admin-template Views: 22
เว็บรวม UI Library สำหรับ “Vue 3 / Nuxt 3”
แนะนำเว็บรวม UI Library สำหรับ “Vue 3 / Nuxt 3”ใครหาอยู่ลองเลือกดูจากเว็บนี้ https://ui-libs.vercel.app/ Views: 24
หนังสือ React สักเล่มที่ควรมีติดบ้าน
ถ้าให้แนะนำหนังสือ React สักเล่มที่ควรมีติดบ้าน ผมแนะนำเล่มนี้ครับ “Advanced React” ของคุณ Nadia เนื้อหาดี Best Practices เยอะ https://a.co/d/0J5RfJn Views: 15
Best Practices การจัดการ Error ใน Next.js 15
ชวนอ่าน Best Practices การจัดการ Error ใน Next.js 15 (code และ route) error.tsx / not-found.tsx / global-error.tsx และอื่นๆ ครับ https://devanddeliver.com/blog/frontend/next-js-15-error-handling-best-practices-for-code-and-routes Views: 18