Skip to main content

บันทึกการ Migrate โปรเจค React จาก Webpack เป็น Vite.js และสิ่งที่ควรรู้

Kongvut Sangkla

Intro

สวัสดีครับ บทความนี้จะพูดถึง Vite ที่สร้างโดย Evan You ซึ่งเป็นผู้พัฒนา Framework Vue.js ที่บอกว่า "is next-generation frontend tooling" ที่มอบว่าเร็วในโหมด dev server

Imgur

ข้อดี - ข้อเสีย กับ 5 วิธีจัดการ Styling (CSS) ใน React App

Kongvut Sangkla

Intro

สวัสดีครับวันนี้จะมาเล่าวิธีจัดการกับ Styling (CSS) และข้อดี - ข้อเสีย ใน React App โดยปัญหาของคนเขียน React ในช่วงเริ่มต้น ไม่ว่าคุณจะหัด หรือฝึกมาจาก Tutorial ที่ไหนก็ตาม (ผู้เขียนก็เคยเป็น) จะพบว่ามันมีหลายวิธีมาก

แต่ก่อนอื่นต้องเข้าใจก่อนว่า ที่เขาพาทำส่วนใหญ่เป็นแบบง่าย (simple) เพื่อให้ผู้เรียน หรือผู้ที่ทำตามเห็นภาพและเข้าใจได้เร็ว แต่ด้วยความที่วิธีการจัดการกับ Styling ของ React นั้นมีหลายวิธีพอสมควร และวิธีไหนดีที่สุดบทความนี้จะอธิบายให้ฟัง 😊

Imgur

Tailwind CSS เทคนิคและแนวปฏิบัติแบบ Best Practices

Intro

สวัสดีครับ บทความนี้จะพูดถึง Tailwind CSS สำหรับคนที่เคยใช้งานมาแล้ว เนื่องจากเทคโนโลยีที่ได้ใช้งานบ่อยใช้เยอะช่วงนี้ พอใช้เรียนรู้และใช้งานแบบ Basic มาได้สักพัก ก็ไปค้นหาข้อมูลที่คนอื่น ๆ เขาเขียนและนำนำไว้เพื่อดูเทคนิค (Tips) และแนวปฏิบัติที่ดีที่สุด (Best Practices) ทำให้เจอข้อมูลที่น่าสนใจหลายอย่าง

บทความนี้จึงเป็นการรวบรวมและประเด็นที่น่าสนใจที่ค้นพบ และโน้ต ๆ ไว้อ่าน 🚀

เจาะลึกความลับ References ใน Shallow, Deep, Shadow Copies ใน JavaScript (ตอนที่ 2)

Kongvut Sangkla
Tags:

Intro

จากตอนที่ 1 เจาะลึกความลับ Shallow และ Deep Copies ใน JavaScript เกิดความสงสัยต่อเรื่องการเก็บ Reference Address ทำให้ตั้งสมมุติฐานว่า ถ้ามีการใช้ Pointer ร่วมกันก็ แสดงว่าก็ส่งผลถึงความเร็ว ประสิทธิภาพ และการใช้ Memory ซึ่งถ้าเราสมมุติว่ามีโค้ดแบบนี้

เจาะลึกความลับ Shallow และ Deep Copies ใน JavaScript (ตอนที่ 1)

Kongvut Sangkla
Tags:

Intro

สวัสดีครับ บทความนี้มีหัวข้อเกี่ยวกับ เจาะลึกความลับ Shallow และ Deep copies ใน JavaScript ที่ผมได้พยายามอ่านและรวบรวมความเข้าใจเขียนเป็นบทความไว้ โดยมีรายละเอียดความคล้าย และความแตกต่างกันพอสมควร ซึ่งบทความมี 2 ตอนดังนี้

ในบทความนี้คุณจะได้เรียนรู้เกี่ยวกับความแตกต่างระหว่าง deep และ shallow copies ใน JavaScript ทำไมเราจึงควรใช้วิธีสร้างแบบใด และเมื่อใดควรใช้อย่างใด เพื่อหลีกเลี่ยงปัญหาที่อาจเกิดขึ้นที่เราอาจจะเข้าใจผิด เพราะความไม่รู้ และเรื่องประสิทธิภาพ

Imgur

ใช้ AI ช่วยเขียน git commit messages ที่จะทำให้คุณโปรได้ทันที 😎

Kongvut Sangkla

Intro

สวัสดีครับ เมื่อคืนก่อนจะนอนบังเอิญอ่านไปเจอตัวช่วยเขียน git commit messages ที่เป็นโปรเจค Open-source บน github ชื่อ https://github.com/di-sukharev/opencommit ดูแล้วน่าสนใจมาก ๆ

พอวันต่อมา ได้ลองใช้ดูพบว่ามันเจ๋งมาก ๆ เลยขอเอามาเขียนแชร์ไว้สักหน่อย 😄

Reflective end-of-year article., Goodbye 2022, Hello 2023

Kongvut Sangkla

Intro

สวัสดีครับ 🤗 ทักทายจากที่หายไปนานที่ไม่ได้ลงบทความใหม่ ๆ ที่จริงก็ draft ไว้หลายบทความแต่ก็ไม่ได้ปล่อยออกมา เพราะช่วงหลัง ๆ เขียนไปเขียนมารู้สึกว่า ทำไมมันเขียนยากจัง 😅

ดังนั้นบทความนี้จะเป็นการเล่าเรื่องสบาย ๆ ที่อยากจะเขียนส่งท้ายปี และก็ไม่ได้มีหัวข้ออะไรเป็นพิเศษครับ 😊

Buy Me a Coffee “เลี้ยงกาแฟสักแก้ว” โปรเจคง่าย ๆ ที่เข้าใจผู้ใช้เป็นอย่างดี

Kongvut Sangkla
Tags:

Intro

สวัสดีครับ วันนี้ไม่ได้มาเขียนบทความเกี่ยวกับ Programming แต่อย่างใด แต่จะมาลองเล่าเรื่องสบาย ๆ เกี่ยวกับแนวคิดดี ๆ น่ารัก ๆ จาก Buy Me a Coffee ☕️

Imgur

Remote Build Docker ด้วย Docker context CLI

Kongvut Sangkla
Tags:

Intro

สวัสดีครับ บทความนี้เป็นเนื้อหาที่เกี่ยวกับ Docker เหมาะสำหรับผู้ที่มีพื้นฐานเรื่อง Docker มาก่อน ซึ่งจะอธิบายถึงวิธีการใช้งาน Docker context

บทความนี้เป็นการสรุปไว้สำหรับทบทวน และมีตัวอย่างเล็กน้อยจากเนื้อหาอ้างอิง ซึ่งจะไม่ได้อธิบายเนื้อหามาก