การสำรองข้อมูลของผมทำรูปหายไปหมดเลย
การสำรองข้อมูลของผมทำรูปหายไปหมดเลย ผมสร้างปุ่มสำรองข้อมูลสำหรับแอปบันทึกอารมณ์แบบออฟไลน์ โดยมันจะส่งออกข้อมูลเป็นไฟล์ JSON ซึ่งผู้ใช้สามารถบันทึกและย้ายไปยังโทรศัพท์เครื่องใหม่ได้ มันดูเหมือนจะสมบูรณ์แบบแล้ว...
GyaanSetu JavaScript
ระบบนิเวศ JavaScript และ TypeScript
ทำไมเว็บไซต์ที่เน้นแค่ Vibe ถึงไม่มีวันติดอันดับ
ทำไมเว็บไซต์ที่เน้นแค่ Vibe ถึงไม่มีวันติดอันดับ ผู้ก่อตั้งคนหนึ่งโชว์เว็บไซต์ให้ผมดูเมื่อเดือนที่แล้ว มันดูดีมาก มีแอนิเมชันที่ลื่นไหลและคำโฆษณาที่เฉียบคม เขาใช้เวลาสร้างมันเพียงช่วงบ่ายวันเดียวโดยใช้...
TypeScript ชนะแล้ว และนี่คือสิ่งที่เราได้รับจากการใช้มันจริงๆ
TypeScript ชนะแล้ว และนี่คือสิ่งที่เราได้รับจากการใช้มันจริงๆ ไม่มีใครถกเถียงเรื่องการใช้ TypeScript อีกต่อไปแล้ว โปรเจกต์ใหม่ๆ ต่างก็ใช้มันเป็นมาตรฐาน การถกเถียงสิ้นสุดลงแล้ว คุณค่าที่แท้จริงไม่ใช่แค่การ...
React vs Next.js: ควรเรียนอะไรดี?
React vs Next.js: ควรเรียนอะไรดี? มือใหม่มักจะถามว่าควรเริ่มเรียน React หรือ Next.js ก่อนดี การเลือกผิดอาจทำให้การพัฒนาของคุณล่าช้าลง คู่มือนี้จะช่วยคุณตัดสินใจโดยพิจารณาจาก...
อีคอมเมิร์ซแบบกำหนดเองบน Firebase
อีคอมเมิร์ซแบบกำหนดเองบน Firebase ฉันสร้างเว็บไซต์อีคอมเมิร์ซแบบกำหนดเองขึ้นมาตั้งแต่เริ่มต้น โดยไม่ได้ใช้แพลตฟอร์มสำเร็จรูป แต่เลือกใช้ Firebase Realtime Database และ Netlify เป้าหมายคือเพื่อ...
โทเค็นที่มีการลงลายเซ็นระหว่างสอง PWA: HMAC SHA256 แบบไม่มี Backend
โทเค็นที่มีการลงลายเซ็นระหว่างสอง PWA: HMAC SHA256 แบบไม่มี Backend คุณจำเป็นต้องส่งผ่านตัวตนของผู้ใช้จาก PWA หนึ่งไปยังอีก PWA หนึ่ง ทั้งสองแอปทำงานบนโปรเจกต์ Firebase ที่แยกจากกัน โดยไม่มีการแชร์ข้อมูล...
สร้าง Discord Bot ตัวแรกของคุณด้วย JavaScript
สร้าง Discord Bot ตัวแรกของคุณด้วย JavaScript คุณต้องการสร้าง Discord bot บางทีคุณอาจเคยเห็นบอทที่เล่นเพลงหรือทำโพลสำรวจ และสงสัยว่าพวกมันทำงานอย่างไร เมื่อจบซีรีส์นี้...
ทำไมผมถึงกลับมาเขียน JavaScript อีกครั้งหลังจากผ่านไป 7 ปี
ทำไมผมถึงกลับมาเขียน JavaScript อีกครั้งหลังจากผ่านไป 7 ปี ผมเป็นนักพัฒนา UI ที่มีประสบการณ์ 7 ปี ผมมีความรู้เรื่อง HTML และ CSS และสามารถเปลี่ยนดีไซน์จาก Figma ให้เป็นโค้ดได้ แต่ผมไม่เคยรู้สึกเหมือนเป็นนักพัฒนาที่แท้จริง...
You Don't Use Linked Lists. But They're Running Half Your Software.
You Don't Use Linked Lists. But They're Running Half Your Software. You will likely never write a linked list in a production JavaScript project. Your language built in arrays han…
TypeScript ชนะแล้ว และนี่คือสิ่งที่เราได้รับ
TypeScript ชนะแล้ว และนี่คือสิ่งที่เราได้รับ การถกเถียงสิ้นสุดลงแล้ว โปรเจกต์ frontend ใหม่ส่วนใหญ่เลือกใช้ TypeScript เป็นค่าเริ่มต้น ผู้คนไม่ต้องมาถกเถียงกันอีกต่อไปว่าจะนำมาใช้ดีหรือไม่ ประเด็นที่แท้จริง...
เปลี่ยนฐานข้อมูลแอปของผมมาใช้โฟลเดอร์ Google Drive แทน
เปลี่ยนฐานข้อมูลแอปของผมมาใช้โฟลเดอร์ Google Drive แทน ผมอยากติดตามความก้าวหน้าในการเรียนดนตรีของลูกสาว ซึ่งเธอจะได้รับคลิปเสียงและโน้ตจากคุณครูทุกสัปดาห์ ผมเลยอยากจะลิส...
การดีบั๊กเรื่องพวกนี้
การดีบั๊กเรื่องพวกนี้ มือใหม่มักคิดว่านักพัฒนาที่มีประสบการณ์ไม่เคยทำผิดพลาด แต่ความจริงแล้วมันไม่ใช่อย่างนั้น นักพัฒนาที่มีประสบการณ์แค่หาข้อผิดพลาดได้เร็วกว่าเท่านั้น ฉันได้สร้างโปรเจกต์ full stack...
เมื่อ React บอกว่าต้อง Re-render นั่นหมายถึง 3 สิ่งที่เกิดขึ้น
เมื่อ React บอกว่าต้อง Re-render นั่นหมายถึง 3 สิ่งที่เกิดขึ้น เมื่อคุณเรียกใช้ setState, React ไม่ได้เพียงแค่ทำการอัปเดต DOM เท่านั้น แต่จะรันกระบวนการแยกกัน 3 เฟสตามลำดับ ซึ่งนักพัฒนาส่วนใหญ่มักจะสับสน...
Rust กลืนกิน JavaScript Toolchain แล้ว Cloudflare ก็ซื้อกิจการไป
Rust กลืนกิน JavaScript Toolchain แล้ว Cloudflare ก็ซื้อกิจการไป Vite ได้เปลี่ยนวิธีการทำงานของมัน โดยเปลี่ยนจากเครื่องมือสองตัวมาเป็น pipeline เดียว วิธีเดิมนั้นใช้ esbuild สำหรับการพัฒนา...
สิ่งที่ผมได้เรียนรู้เกี่ยวกับ React จากการสร้าง Pagelyze
สิ่งที่ผมได้เรียนรู้เกี่ยวกับ React จากการสร้าง Pagelyze การสร้าง Pagelyze ได้เปลี่ยนมุมมองที่ผมมีต่อ React ผมเลิกมองแค่เรื่องทฤษฎีและเริ่มหันมาให้ความสำคัญกับสถาปัตยกรรมของผลิตภัณฑ์ Pagelyze คือเว็บ...
Shallow Copy vs Deep Copy ใน JavaScript
Shallow Copy vs Deep Copy ใน JavaScript โดย JavaScript จะจัดการการคัดลอกในสองรูปแบบขึ้นอยู่กับประเภทของข้อมูล ค่าแบบ Primitive (Copy by Value) ประเภทข้อมูลแบบ Primitive ได้แก่ string, number...
100 วัน, 87 เครื่องมือ, ไร้เซิร์ฟเวอร์
100 วัน, 87 เครื่องมือ, ไร้เซิร์ฟเวอร์ ผมใช้เวลา 100 วันในการสร้าง ToolKnit ซึ่งเป็นชุดเครื่องมือบนเบราว์เซอร์ 87 ชนิด เว็บไซต์เครื่องมือส่วนใหญ่ทำงานแบบนี้: คุณอัปโหลดไฟล์ แล้วเซิร์ฟเวอร์จะประมวลผล...
ผมได้สัมภาษณ์ผู้สมัคร 5 คนสำหรับตำแหน่งงานสายเทคนิค
ผมได้สัมภาษณ์ผู้สมัคร 5 คนสำหรับตำแหน่งงานสายเทคนิค ผมได้สัมภาษณ์ผู้สมัคร 5 คนสำหรับตำแหน่ง Frontend เมื่อสัปดาห์ที่แล้ว พวกเขามีพื้นฐานและทักษะที่แตกต่างกัน เมื่อสิ้นสุดวัน...
React สูญเสียแก่นแท้ และ Vercel กำลังสวมรอยเป็นมัน
React สูญเสียแก่นแท้ และ Vercel กำลังสวมรอยเป็นมัน ชุมชน React เคยเป็นเจ้าของโปรเจกต์นี้ แต่ตอนนี้กลับรู้สึกเหมือนมีบริษัทโฮสติ้งเป็นผู้ดูแล การเปลี่ยนแปลงนี้เกิดขึ้นอย่างช้าๆ แล้วมันก็...
JavaScript Array Methods ตอนที่ 1
JavaScript Array Methods ตอนที่ 1 อาร์เรย์คือออบเจกต์ชนิดพิเศษใน JavaScript ที่ใช้สำหรับเก็บค่าหลายค่าไว้ในตัวแปรเดียว แทนที่จะต้องสร้างตัวแปรแยกกันสำหรับนักเรียนแต่ละคน: l…
25 ข้อผิดพลาดเกี่ยวกับ JSON ที่นักพัฒนาทุกคนมักพลาด
25 ข้อผิดพลาดเกี่ยวกับ JSON ที่นักพัฒนาทุกคนมักพลาด JSON คือกระดูกสันหลังของการสื่อสารบนเว็บ มีน้ำหนักเบาและอ่านง่าย อย่างไรก็ตาม กฎของมันนั้นเข้มงวดมาก ข้อผิดพลาดเพียงเล็กน้อยก็สามารถทำให้โค้ดของคุณพังได้...
GraphQL Fragments: ให้แต่ละคอมโพเนนต์จัดการข้อมูลของตัวเอง
GraphQL Fragments: ให้แต่ละคอมโพเนนต์จัดการข้อมูลของตัวเอง ในตอนแรก GraphQL queries ดูสะอาดตาและเรียบง่าย เพียงแค่ Request เดียวก็ได้รับข้อมูลทั้งหมด แต่เมื่อแอปพลิเคชันของคุณเติบโตขึ้น Query ของหน้าเพจก็เริ่มที่จะรวบรวมฟิลด์...
React vs Angular vs Vue: เลือกตัวไหนดี?
React vs Angular vs Vue: เลือกตัวไหนดี? การเลือก frontend framework ให้ความรู้สึกเหมือนเป็นกับดัก เพราะทุกบทความต่างก็บอกว่ามีผู้ชนะ จนส่วนคอมเมนต์กลายเป็นสมรภูมิรบ และนี่คือความจริง...
React Context vs Zustand: ควรเลือกใช้ตัวไหนเมื่อไหร่ดี
React Context vs Zustand: ควรเลือกใช้ตัวไหนเมื่อไหร่ดี บ่อยครั้งที่นักพัฒนามักทำผิดพลาดเรื่องการจัดการ React state โดยการใช้ Context อย่างไม่ถูกวิธี แล้วจึงไปโทษว่า Context เป็นสาเหตุของปัญหาด้านประสิทธิภาพ...