GyaanSetu WebDev

Frontend, Backend และ DevOps สำหรับเว็บยุคใหม่

244 articlesDeep, practical knowledge

เมื่อไม่กี่ปีที่ผ่านมา ฉันเริ่มลงมือสร้างแดชบอร์ด ไม่ได้มีอะไรซับซ้อน—แค่มีแถบด้านข้างแบบคงที่ พื้นที่เนื้อหาหลัก และส่วนท้าย

เมื่อไม่กี่ปีที่ผ่านมา ฉันเริ่มลงมือสร้างแดชบอร์ด ไม่ได้มีอะไรซับซ้อน—แค่มีแถบด้านข้างแบบคงที่ พื้นที่เนื้อหาหลัก และส่วนท้าย Flexbox ดูเหมือนจะเป็นตัวเลือกที่ชัดเจนที่สุด และในช่วงแรก มันก็...

WebDev · 4 min read

เริ่มต้นด้วยความตั้งใจจะสร้างพิพิธภัณฑ์ แต่สุดท้ายกลับกลายมาเป็นคนทำฟาร์มเครื่องคิดเลข นั่นคือสรุปสั้นๆ ของสิ่งที่เกิดขึ้น

เริ่มต้นด้วยความตั้งใจจะสร้างพิพิธภัณฑ์ แต่สุดท้ายกลับกลายมาเป็นคนทำฟาร์มเครื่องคิดเลข นั่นคือสรุปสั้นๆ ของสิ่งที่เกิดขึ้นกับผู้สร้าง realworth.io โปรเจกต์นี้เริ่มต้นด้วย...

WebDev · 4 min read

นักพัฒนา React ทุกคนมักจะไปติดหล่มที่เดิม คุณดึงข้อมูล user object ไว้ในคอมโพเนนต์ระดับบนสุด จากนั้น...

นักพัฒนา React ทุกคนมักจะไปติดหล่มที่เดิม คุณดึงข้อมูล user object ไว้ในคอมโพเนนต์ระดับบนสุด จากนั้นคุณก็ส่งมันต่อไปเรื่อยๆ ส่งต่อลงไปชั้นแล้วชั้นเล่า ผ่าน route wrapper,…

WebDev · 6 min read

เมื่อคุณทำธุรกิจนายหน้าซื้อขายรถยนต์ในอาเซอร์ไบจานและนำเข้ารถยนต์ที่ได้รับความเสียหายจากสหรัฐอเมริกา ซอฟต์แวร์ของคุณ

เมื่อคุณทำธุรกิจนายหน้าซื้อขายรถยนต์ในอาเซอร์ไบจานและนำเข้ารถยนต์ที่ได้รับความเสียหายจากสหรัฐอเมริกา ปัญหาด้านซอฟต์แวร์ของคุณจะดูแตกต่างจากปัญหาของบริษัทดาวรุ่งในซิลิคอนวัลเลย์...

WebDev · 5 min read

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

การทำงานร่วมกันแบบเรียลไทม์ดูเหมือนจะเป็นเรื่องง่าย จนกระทั่งคุณได้เห็นเบื้องหลัง คนหนึ่งกำลังพิมพ์ อีกคนลบข้อความไปสามย่อหน้าด้านบน ส่วนคนที่สามก็วางโค้ดจาก Stack Overflo…

WebDev · 6 min read

SEO ไม่จำเป็นต้องทำให้กระเป๋าฉีก แพลตฟอร์มระดับพรีเมียมอย่าง Ahrefs และ SEMrush มีค่าใช้จ่ายสูงถึงหลายร้อยดอลลาร์ต่อเดือน

SEO ไม่จำเป็นต้องทำให้กระเป๋าฉีก แพลตฟอร์มระดับพรีเมียมอย่าง Ahrefs และ SEMrush มีค่าใช้จ่ายสูงถึงหลายร้อยดอลลาร์ต่อเดือน ซึ่งก็มีเหตุผลที่สมควรอยู่ เพราะพวกเขารวบรวมชุดข้อมูลมหาศาลและ...

WebDev · 5 min read

หากคุณเคยเผยแพร่โพสต์ไปแล้ว แต่กลับเห็นมันขึ้นว่า “57 ปีที่แล้ว” บนหน้าเว็บสาธารณะ ในขณะที่แดชบอร์ดของคุณยังคงแสดงผลอย่างใจเย็นว่า

หากคุณเคยเผยแพร่โพสต์ไปแล้ว แต่กลับเห็นมันขึ้นว่า “57 ปีที่แล้ว” บนหน้าเว็บสาธารณะ ในขณะที่แดชบอร์ดของคุณยังคงยืนยันอย่างใจเย็นว่าโพสต์เพิ่งถูกลงไปเมื่อสิบนาทีที่แล้ว คุณจะเข้าใจถึงความ...

WebDev · 6 min read

คุณเขียน Type ที่ไล่ตรวจสอบ nested objects เพื่อสร้าง path แบบคั่นด้วยจุดสำหรับ autocomplete ซึ่งมันทำงานได้อย่างยอดเยี่ยม

คุณเขียน Type ที่ไล่ตรวจสอบ nested objects เพื่อสร้าง path แบบคั่นด้วยจุดสำหรับ autocomplete ซึ่งมันทำงานได้อย่างยอดเยี่ยมกับออบเจกต์ทดสอบขนาดเล็ก แต่พอคุณนำมันไปใช้กับ API จริง...

WebDev · 5 min read

หากคุณเคยใช้เวลาคลุกคลีกับ React มาบ้าง คุณคงเคยเห็นคำเตือนสีเหลืองในคอนโซลว่า: “Each child in a list should have

หากคุณเคยใช้เวลาคลุกคลีกับ React มาบ้าง คุณคงเคยเห็นคำเตือนสีเหลืองในคอนโซลว่า: “Each child in a list should have a unique ‘key’ prop.” มันฟังดูเหมือนเป็นเพียงคำแนะนำที่สุภาพ,…

WebDev · 6 min read

กับดัก Benchmark

กับดัก Benchmark เหล่าคนที่ชอบโชว์ผล Benchmark มักจะไม่เคยแสดงภาพรวมทั้งหมดให้คุณเห็น พวกเขาทำการวัดผล handler ที่แทบจะไม่ได้ทำอะไรเลย เช่น แค่ JSON Hello World หรือแค่สตริงแบบ static ในสภาวะสุญญากาศแบบนั้น Fiber w…

WebDev · 3 min read

ร่างแชทบอทฉบับแรกถูกส่งเข้ากล่องจดหมายของครูเมื่อประมาณสองปีก่อน และสถานการณ์ก็ยิ่งทวีความรุนแรงขึ้นตั้งแต่นั้นเป็นต้นมา

ร่างแชทบอทฉบับแรกถูกส่งเข้ากล่องจดหมายของครูเมื่อประมาณสองปีก่อน และสถานการณ์ก็ยิ่งทวีความรุนแรงขึ้นตั้งแต่นั้นเป็นต้นมา ปัจจุบัน นักเรียนสามารถขอให้ ChatGPT เขียนเนื้อหาความยาวห้าย่อหน้า...

WebDev · 4 min read

React มีสองวิธีในการเก็บรักษาข้อมูลไว้ภายในคอมโพเนนต์: และ . เมื่อดูเผินๆ ทั้งสองวิธีดูคล้ายกัน โดยทั้งคู่จะคืนค่าบางอย่าง

React มีสองวิธีในการเก็บรักษาข้อมูลไว้ภายในคอมโพเนนต์: และ . เมื่อดูเผินๆ ทั้งสองวิธีดูคล้ายกัน โดยทั้งคู่จะคืนค่าที่คุณสามารถอ่านได้ ทั้งคู่ยังคงอยู่แม้จะมีการ re-render และทั้งคู่ช่วยให้คุณ...

WebDev · 3 min read

คุณเปิดเอกสารใหม่ขึ้นมา คุณพิมพ์คำว่า “บทที่หนึ่ง” จากนั้นคุณก็นั่งจ้องหน้าจออยู่ยี่สิบนาที คุณมีจุดดึงดูดแล้ว คุณ

คุณเปิดเอกสารใหม่ขึ้นมา คุณพิมพ์คำว่า “บทที่หนึ่ง” จากนั้นคุณก็นั่งจ้องหน้าจออยู่ยี่สิบนาที คุณมีจุดดึงดูดแล้ว คุณมีประกายไฟแห่งแรงบันดาลใจแล้ว แต่คุณกลับไม่มีแผนการเลย หน้าจอที่ว่างเปล่านั้นคือ...

WebDev · 5 min read

หากคุณเคย push การแก้ไขบั๊กเพียงสองบรรทัดไปยัง TypeScript monorepo แล้วต้องนั่งดู build pipeline ใช้เวลาไปกว่าสิบนาที...

หากคุณเคย push การแก้ไขบั๊กเพียงสองบรรทัดไปยัง TypeScript monorepo แล้วต้องนั่งดู build pipeline ใช้เวลาไปกว่าสิบนาทีในการทำ type checking คุณก็คงเข้าใจปัญหาดีแล้ว...

WebDev · 3 min read