Month: April 2025

1. ปรับปรุง engine ใหม่ เร็วกว่า v3 ราว 3.5 เท่า (full build) และเร็วกว่า v3 ราว 100 เท่า (incremental build) 2. ตั้งค่า theme ใน CSS ตรงๆ ได้เลย ไม่ต้องใช้ไฟล์ tailwind.config.js เหมือนใน v3 แล้ว 3. ลาก่อน postcss-import / autoprefixer ใน v4 สามารถใช้ @import ได้เลย ไม่ต้องพึ่ง plugin นี้แล้ว เพราะ build-in มาในตัว 4. ระบบสีแบบใหม่ (P3) รองรับสีที่กว้าง…

คอร์ส “Tailwind CSS v4 Fundamentals” (4 ชั่วโมง) ดูได้แล้วนะครับ! เหมาะสำหรับคนที่ยังไม่เคยใช้ หรือคนที่เคยใช้ v3 มาบ้างแล้วอยากอัปเดตว่ามีอะไรใหม่บ้าง และแน่นอนก่อนใช้ Tailwind ควรมีพื้นฐานการเขียน CSS แบบปกติมาก่อน นะครับ ดูได้ที่นี่ https://bit.ly/4lg0z6T โค้ชเอก Views: 6

1. ออกแบบจากภายใน (Inside-Out) ใช้โครงสร้างภายในมาเปิดเผยผ่าน API เช่น ตัวอย่าง: GET /api/database/tables/book_inventory/records?status=1 GET /api/books?available=true แนวคิดที่ถูกต้องคือ “นักพัฒนาจะเข้าใจสิ่งนี้ไหม ถ้าไม่รู้โครงสร้างระบบเราเลย?” . 2. นิยาม URI ไม่ดี หลีกเลี่ยงการใส่ verb ใน URL: ตัวอย่าง: GET /api/getUsers → GET /api/users POST /api/createOrder → POST /api/orders หลีกเลี่ยงการซ้อนโครงสร้างซับซ้อนเกินไป: GET /api/companies/456/departments/2/employees/123/projects GET /api/projects?employeeId=123 . 3. ใช้ HTTP Methods ผิด ออกแบบ POST ทุกอย่าง = ไม่ดี…

คำสั่ง อัปเกรด “Express.js” จาก v4 เป็น v5.x (LTS) แบบอัตโนมัติไม่ต้อง manual เอง ถ้าอยากอัปเกรดเป็น Express.js v5.x แบบทั้งหมด ใช้คำสั่ง npx @expressjs/codemod upgrade (อย่าลืม backup โค้ดก่อน​) หรือจะอัปเดตทีละตัวของการเปลี่ยนแปลงก็ได้ 1. แปลงสตริง “back” ที่ถูกเลิกใช้ npx @expressjs/codemod magic-redirect 2. แปลงเมธอดให้เป็นพหูพจน์ npx @expressjs/codemod pluralized-methods 3. แปลงรูปแบบเมธอดที่ถูกเลิกใช้ใน Express v4 npx @expressjs/codemod v4-deprecated-signatures 4. เปลี่ยน req.param เป็นแบบใหม่ npx @expressjs/codemod req-param Views:…

สำหรับมือใหม่ที่เริ่มเขียน TypeScript มาสักพักนึงอยากให้ลองศึกษา Utility Types ของ TypeScript เพิ่มเติมกันด้วยนะครับ ​:) . 1. Partial<Type> ทำให้ทุก property ทั้งหมดใน type เป็น optional ตัวอย่าง: interface Customer { id: string name: string } type PartialCustomer = Partial<Customer> // ผลลัพธ์: { id?: string; name?: string } อาจใช้ในกรณี request ตอนอัปเดตข้อมูลก็ได้ เช่น UpdateCustomerRequest เป็นต้น . 2. Record<Keys, Type> ช่วยสร้างชนิดข้อมูล…

KendoReact (จากทีม Telerik) ปล่อย 50+ components ระดับ Enterprise-Grade ฟรี ไม่มีเงื่อนไขรวมถึง Data Grid! ใครสนใจลองดูนะครับ ดูรายละเอียด และการติดตั้งที่นี่ครับ https://www.telerik.com/kendo-react-ui/components/free Views: 7

อยากศึกษา/ทบทวน JS ล่าสุด แนะนำเล่มนี้ “Exploring JavaScript (ES2024 Edition)” ของ Dr. Axel อ่านแบบออนไลน์ได้ฟรีครับ อ่าน ebook เล่มนี้ได้ที่นี่ครับ https://exploringjs.com/js/book/index.html Views: 7

Tailwind v4.1 ใหม่ มี text-shadow-* มาใน core แล้ว! เพิ่ม mask-* ใช้ภาพและ gradient ทำ mask สวยๆ และ drop-shadow-* มีสีให้ใช้แล้ว อ่านเพิ่มเติมที่นี่ครับ https://tailwindcss.com/blog/tailwindcss-v4-1 Views: 6

เขียน Dockerfile ให้ linting แบบ realtime และบอก best practices ลองอัปเดต หรือแค่ติดตั้ง extension “Docker” ก็จะได้ตัวนี้มาใช้เลยนะครับ https://www.docker.com/blog/docker-dx-extension-for-vs-code Views: 6