vue.js Archive

สวัสดี Vite แปลว่า เร็ว อ่านว่า วิท (vit)

Vite คือ No-Bundle Dev Server สำหรับ Single File Component นั่นคือไม่ต้องการ webpack อีกต่อไป แน่นอนว่าทำงานเร็วมาก ๆ และอาจจะนำมาใส่ใน Vue 3 เลยทีเดียว แต่ project นี้ยังเป็นเพียง experiment หรือทดลองเท่านั้น ไม่เหมาะกับการนำไปใช้บน production นะ มาลองเล่นกันหน่อย

Read More…

บันทึกการลด code ซ้ำซ้อนใน Route ของ Vue.js นิดหน่อย

ได้รับ project ที่พัฒนาฝั่ง Frontend ด้วย Vue.js มาทำ พอลองไปเปิดดูในส่วนของ Vue Routing พบว่าเขียน code ซ้ำ ๆ และ import เยอะมากมาย ก็เลยทำการ refactor code นิดหน่อย กับไปเจอ comment webpackChunkName อีก ทำไปทำไมนะ

Read More…

สรุปการเรียนเขียน Unit testing กับ VueJS ที่ Vue Mastery

ช่วงสัปดาห์นี้ตั้งแต่วันที่ 13-19 เมษายน ทาง Vue Mastery เปิดให้เรียนฟรีใน course ที่เกี่ยวกับการพัฒนาระบบด้วย Vue.js ทั้งหมด โดยที่ course แรกที่ผมลงเรียนคือ Unit testing ประกอบไปด้วยหัวข้อดังต่อไปนี้

Read More…

เรียนรู้อะไรจากบทความเกี่ยวกับ Wikimedia เลือก JavaScript framework

จากบทความเรื่อง  Watching you, with a Vue to a Kill: Wikimedia developers dismiss React for JavaScript makeover despite complaints ดูจากหัวข้อแล้วมันก็ดราม่าเลย แน่นอนว่า สงครามของเหล่า framework ทั้ง Vue และ React ก็ออกมาถกกัน ซึ่งเป็นเรื่องปกติที่ไม่ปกติ  เนื่องจากเกิดเรื่องแบบนี้มานานมาก ๆ จาก Programming war มาถึง Tool war และ Framework war !!

Read More…

Wails :: สร้าง Desktop app ด้วยภาษา Go และ Web technology

เพิ่งเห็นว่ามีการปล่อย Wails ใน version beta เป็น framework สำหรับสร้าง Desktop application ด้วยภาษา Go และ web technology ต่าง ๆ ได้เลย ที่สำคัญสิ่งที่ได้ออกมาคือ ระบบงานที่อยู่ในไฟล์ binary เดียวเท่านั้น ดังนั้นลองมาทำความรู้จักกันหน่อย

Read More…

มา Vue.js Thailand Meetup เลยมา TDD กันหน่อย

มาร่วมงาน Vue.js Thailand Meetup #4 ของกลุ่ม Vue.js Thailand บอกตามตรงว่า ไม่เคยใช้งานมันเลย ดังนั้นเพื่อให้เข้าใจมากขึ้นมาลองศึกษากันบ้าง เริ่มด้วย TDD with Vue.js กันหน่อย มาเริ่มกันเลย

Read More…

การเริ่มต้นใช้งาน Docker สำหรับการพัฒนาระบบ Frontend ด้วย Vue.js

เมื่อวานทำการแบ่งปันความรู้เรื่องการใช้งาน Docker สำหรับการพัฒนา web application ด้วย Vue.js นิดหน่อย โดยแบ่งขั้นตอนการนำ Docker มาใช้งานดังนี้ 1. สรุปขั้นตอนการพัฒนา 2. สรุปเครื่องมือต่าง ๆ ที่ใช้ในการพัฒนา 3. ลงมือทำ เพื่อให้เห็นผล 4. เริ่มนำ Docker เข้ามาใช้งานหรือมาช่วย 5. รออะไรลงมือกันเลย

Read More…

ความแตกต่างระหว่าง Method และ Computed property ใน Vue.js

เช้านี้อ่านเจอการพูดคุยเรื่องของความแตกต่างระหว่าง Method และ Computed property ใน Vue.js ซึ่งเป็นความสามารถที่อาจจะทำให้สับสนได้ ดังนั้นมาดูรายละเอียด และ code ตัวอย่างกัน มาเริ่มกันเลย

Read More…