1. เรื่องที่ 1 ? เริ่มต้นด้วยโค้ดพื้นฐาน: function App() { return ‹h1›สวัสดี!‹/h1› ที่นี่ ‹h1›สวัสดี!‹/h1› ถือเป็น JSX และถูกส่งกลับจากฟังก์ชัน App ดังนั้น พูดง่ายๆ ก็คือ JSX คือสิ่งที่เราเขียนไว้ในส่วนประกอบเพื่อบอก React ว่าเราต้องการแสดงอะไรบนหน้าจอ จากข้อมูลของ React Docs JSX เพียงแค่จัดเตรียมน้ำตาลเชิงวากยสัมพันธ์ให้กับฟังก์ชัน `React.createElement()` *หมายเหตุ: JSX ไม่ได้ถูกเรียกใช้งานจริงภายในเบราว์เซอร์ เนื่องจากไม่ใช่ Javascript ที่ถูกต้อง..

JSX ย่อมาจาก JavaScript XML มันเป็น JavaScript ชนิดหนึ่ง ช่วยให้เราสามารถเขียน HTML ใน React ได้โดยตรง (ภายในโค้ด JavaScript) การสร้างเทมเพลตโดยใช้ JSX ใน React เป็นเรื่องง่าย แต่ไม่ใช่ภาษาเทมเพลตธรรมดา แต่กลับมาพร้อมกับความสามารถเต็มรูปแบบของ JavaScript เร็วกว่า JavaScript ปกติเนื่องจากดำเนินการปรับให้เหมาะสมขณะแปลเป็น JavaScript ปกติ