ในการสร้างเว็บซักเว็บนึง พยายามอย่าทำให้มัน over engineer เกินไป เพราะนึกถึงจุดประสงค์ของเว็บที่เราจะทำเป็นหลัก เพราะว่ามันมี Opportunity Cost ในการเพิ่ม feature เสมอ แล้วออกแบบโครงสร้างให้ดีก่อน ไม่งั้นจะมีปัญหาเรื่อง maintain ทีหลังแน่นอน บางทีการยอมเสียเวลาในการออกแบบฐานที่ดีจะช่วยให้เราไม่ต้องเสียเวลาแก้ปัญหาที่ปลายเหตุที่จะทำให้เราเสียเวลามากกว่าการออกแบบแน่ๆ

Opportunity Cost ของการสร้าง Web Blog

ด้วยความที่ React.js มีประสิทธิภาพที่ดีมาก จากการใช้ Virtual DOM, Eco System ที่กว้างๆ มากๆ พัฒนาขึ้นโดย Facebook และใช้ในบริษัทใหญ่ๆ หลายที่อย่าง Netflix, Dropbox และ Facebook เลยไม่แปลกเลยที่จะเป็นที่นิยมมาก

สั้นๆ ว่า React ขนาด 3KB

This is summaryพอพูดถึง Firebase หลายคนก็คงจะนึกถึงอะไรที่ ยากๆ แต่ความจริงแล้ว Firebase เนี่ย ทำให้ชีวิตใครหลายคนง่ายขึ้นมากๆ, เราสามารถที่จะทำ Database แบบ Realtime ได้ง่ายมาก และ ยังทำ Authentication ได้โดยที่เราไม่จำเป็นต้องเขียน Backend และ ทำ Database ขึ้นเองด้วยซ้ำ!

เริ่มต้นเขียนคำสั่ง Firestore จาก 0 ด้วย JavaScript กันดีกว่า~

เริ่มต้นเขียน Firestore จาก 0 ด้วย JavaScript กันดีกว่า~

เมื่อพูดถึง Virtual DOM หลายคนก็มักจะนึกถึง React, Library แรกที่เริ่มใช้ Virtual DOM ในการทำงาน แต่ว่าข้อจำกัดของ React สมัยก่อนคือการที่มี Root Node ได้แค่อันเดียว และเวลาจะ render อะไรก็ต้องมี wrapper เพื่อให้ Render ได้"

หลักการการทำงานของ Fragment ใน Virtual DOM

นการพัฒนาเว็บไซต์ขึ้นมาซักเว็บหนึ่ง โครงสร้างทุกอย่างล้วนมาจาก DOM (Document Object Model) ซึ่งเป็น Object Tree ประมวลผลด้วย JavaScript แต่ด้วยความที่มันมีขนาดใหญ่เอาซะมากๆ การที่เราจะแก้ไขใหม่ทั้งหมดใช้เวลาและทรัพยากรสูง จึงเกิดการมองหาวิธีที่ดีขึ้นก็นี้แทน

มาลองสร้างการ render จาก Virtual DOM เข้า DOM จริงๆ กันดีกว่า

ในการพัฒนาเว็บไซต์ขึ้นมาซักเว็บหนึ่ง โครงสร้างทุกอย่างล้วนมาจาก DOM (Document Object Model) ซึ่งเป็น Object Tree ประมวลผลด้วย JavaScript แต่ด้วยความที่มันมีขนาดใหญ่เอาซะมากๆ การที่เราจะแก้ไขใหม่ทั้งหมดใช้เวลาและทรัพยากรสูง จึงเกิดการมองหาวิธีที่ดีขึ้นก็นี้แทน

SaltyAom

Web developer and newbie cosplayer. Like to take it easy

Written by SaltyAom