ในเฟส 2 ของค่ายฝึกวิศวกรรมซอฟต์แวร์ของฉัน เราเริ่มเรียนรู้ไลบรารี/เฟรมเวิร์ก React.JS เมื่อเสร็จสิ้นการทำแล็บจำนวนมากและเข้าร่วมการบรรยาย ฉันเริ่มสังเกตเห็นความสามารถในการปรับขนาดของการใช้ React แทนที่จะใช้ JavaScript ธรรมดา

การเขียนโปรแกรมประกาศ

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

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

ส่วนประกอบ

React ทำงานโดยจัดโครงสร้างแอปพลิเคชันของเราโดยใช้ส่วนประกอบ ส่วนประกอบคือส่วนต่างๆ ของหน้าเว็บของเราที่อนุญาตให้จัดการและรับข้อมูลและสไตล์ของตนเอง การใช้คอมโพเนนต์ช่วยให้สามารถนำแอปพลิเคชันกลับมาใช้ใหม่และปรับขนาดได้สูง โดยยังคงฟังก์ชันการทำงานเดิมไว้

บทสรุป

การเปรียบเทียบที่ฉันได้เรียนรู้จากชั้นเรียนคือการเรียนรู้ React นั้นเหมือนกับการเรียนรู้ว่ารถทำงานอย่างไร รถยนต์มีชิ้นส่วนมากมายที่เป็นพื้นฐานในการผลิตรถยนต์ที่ใช้งานได้จริง การรู้ว่าเครื่องยนต์ ระบบส่งกำลัง และระบบกันสะเทือนทำงานอย่างไรอาจเป็นประโยชน์ แต่สิ่งที่จำเป็นกว่าคือการทำความเข้าใจวิธีใช้แป้นเหยียบ พวงมาลัย และการเปลี่ยนเกียร์อย่างถูกต้อง