เริ่มต้นเขียน React ด้วย Create React App

Post Views: 262

React คืออะไร

React คือ JavaScript Library สำหรับพัฒนา UI (User Interface) พัฒนาโดย Facebook

Create React App คืออะไร

Create React App คือ Command Line Tool ที่ใช้สร้าง Project React ซึ่งรวม Tools และ Config ต่าง ๆ ไว้ให้แล้ว

Step 1 : Getting Started

เริ่มต้นใช้ Create React App สร้าง Project React โดยการเปิด Terminal ขึ้นมาแล้วพิมพ์คำสั่ง

npm install create-react-app -g

create-react-app hello-react

หลังจากนั้น เราจะได้ Project React ชื่อว่า hello-react ให้เราเข้าไปใน Folder ของ Project โดยใช้คำสั่ง

cd hello-react

และ Run project โดยใช้คำสั่ง

npm start

ลองเปิดหน้าเว็บของ Project React ที่เราได้ Run เรียบร้อยแล้วที่ http://localhost:3000 จะได้หน้าเว็บแบบนี้

บทความนี้เป็นการเริ่มต้นในการพัฒนา React Application โดยใช้ Create React App ในการสร้าง Project React