Skip to content
CodingThailand's Blog
CodingThailand's Blog

by โค้ชเอก

  • Home
  • About Me
  • CodingThailand.com
CodingThailand's Blog

by โค้ชเอก

Category: Uncategorized

เคยเจอ “TypeError: Cannot read property ‘x’ of undefined” หรือเปล่า

โค้ชเอก, 17/07/202517/07/2025

เปลี่ยนจากใช้ && แบบเดิมเป็น ?. (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 และคืนค่า…

Continue Reading

10 ขั้นตอน สู่การเป็น Frontend Developer ในปี 2025

โค้ชเอก, 16/04/202516/04/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),…

Continue Reading

เลือก Node.js (docker image) ให้เหมาะสมกับโปรเจค

โค้ชเอก, 16/04/202516/04/2025

มาเลือก 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…

Continue Reading

แนะนำ React Hooks library และ Vue.js Composition library

โค้ชเอก, 16/04/202516/04/2025

แนะนำ React Hooks library และ Vue.js Composition library ใช้งานได้เลย ไม่ต้องเขียนเองครับ สำหรับ React แนะนำ react-use https://github.com/streamich/react-use สำหรับ Vue.js แนะนำ VueUse https://vueuse.org Views: 38

Continue Reading

เช็คเวอร์ชันของ Node.js ที่ใช้อยู่ว่าปลอดภัยหรือไม่

โค้ชเอก, 16/04/202516/04/2025

เช็คเวอร์ชันของ Node.js ที่ใช้อยู่ว่าปลอดภัยหรือไม่ด้วยคำสั่ง“npx is-my-node-vulnerable” ใครขึ้น “DANGER” อัปเกรดด่วน! Views: 19

Continue Reading

แนะนำรายการ Kubernetes best practices ก่อน Deploy

โค้ชเอก, 16/04/202516/04/2025

“Kubernetes best practices”ตรวจสอบรายการเหล่านี้ก่อนเพื่อช่วยให้เรา Deploy production อย่างมั่นใจครับ ลองศึกษา checklist แต่ละข้อที่นี่ครับ https://learnk8s.io/production-best-practices Views: 14

Continue Reading

Admin Dashboard ฟรี สร้างบน Bootstrap 5

โค้ชเอก, 16/04/202516/04/2025

Tabler v1.0.0 ใหม่Admin Dashboard ฟรี สร้างบน Bootstrap 5 มี Component 100+ (Fully responsive)ไปลองกันได้ครับ ^^ ดู preview และการใช้งานที่นี่ครับ https://tabler.io/admin-template Views: 22

Continue Reading

เว็บรวม UI Library สำหรับ “Vue 3 / Nuxt 3”

โค้ชเอก, 16/04/202516/04/2025

แนะนำเว็บรวม UI Library สำหรับ “Vue 3 / Nuxt 3”ใครหาอยู่ลองเลือกดูจากเว็บนี้ https://ui-libs.vercel.app/ Views: 24

Continue Reading

หนังสือ React สักเล่มที่ควรมีติดบ้าน

โค้ชเอก, 16/04/202516/04/2025

ถ้าให้แนะนำหนังสือ React สักเล่มที่ควรมีติดบ้าน ผมแนะนำเล่มนี้ครับ “Advanced React” ของคุณ Nadia เนื้อหาดี Best Practices เยอะ https://a.co/d/0J5RfJn Views: 15

Continue Reading

 Best Practices การจัดการ Error ใน Next.js 15

โค้ชเอก, 16/04/202516/04/2025

ชวนอ่าน 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

Continue Reading
  • 1
  • 2
  • 3
  • Next

Posts ล่าสุด

  • การใช้งาน Prefetching ใน Next.js
  • 14 ข้อคิด เพื่อการเป็น Developer ที่ดีขึ้น จาก “Lee Robinson”
  • เคยเจอ “TypeError: Cannot read property ‘x’ of undefined” หรือเปล่า
  • บันทึกการเขียนเว็บไซต์ใหม่ในรอบ 10 ปี ย้ายมาใช้ Next.js
  • ทำไมการจัดการ Error ใน JavaScript ถึงเป็นเรื่องท้าทาย?

Recent Comments

    หมวดหมู่

    • .NET
    • AI
    • Android
    • Angular
    • Angular 2
    • Coding
    • CSS
    • Database
    • Editor
    • Flutter
    • Git
    • HTML5
    • Ionic 2
    • Ionic 4
    • Ionic Framwork
    • JavaScript
    • Laravel
    • Laravel 5
    • Next.js
    • Node.js
    • PHP
    • PHP 7
    • Plugins
    • React
    • React Native
    • Template
    • Tools
    • TypeScript
    • UI
    • Uncategorized
    • Vue.js
    • XAMPP
    • Yii
    • คอร์สเรียน
    • แรงบันดาลใจ

    Archives

    • July 2025
    • April 2025
    • November 2024
    • October 2024
    • April 2020
    • February 2020
    • August 2019
    • September 2018
    • August 2018
    • February 2018
    • November 2017
    • October 2017
    • August 2017
    • July 2017
    • April 2017
    • October 2016
    • August 2016
    • May 2016

    Tags

    .NET android Angular Angular 2 Atom Coding Coding Standard CSS CSS 3 Datepicker Express.js extensions Git HTML HTML5 Ionic2 JavaScript Laravel5 laravel 5.5 MariaDB Material Design MySQL Node.js npm PHP PHP7 plugins PouchDB recaptcha Restful sail.js template typescript typscript XAMPP Yii2

    ผู้เยี่ยมชม

    • 1
    • 1,818,121
    • 547,546
    • 2,304
    ©2025 CodingThailand's Blog | WordPress Theme by SuperbThemes