การติดตั้ง React
การติดตั้ง React นั้น เราจะสร้างผ่าน command line โดยใช้คำสั่งต่อไปนี้
npm init
npm install --save react react-dom
การสร้างไฟล์โปรเจค
การสร้างโปรเจคใน React มันจะไม่เหมือนกับการสร้างโปรเจคใน Editer โดยเราจะสร้างผ่าน Command line เหมือนกับการติดตั้ง ใช้คำสั่งดังต่อไปนี้
1. ติดตั้ง create-react-app ด้วยคำสั่งนี้
npm install -g create-react-app
2. ใช้ create-react-app สร้างโปรเจค ต่อจาดคำสั่งจะเป็นชื่อโปรเจค
create-react-app my-mindphp
เราก็จะได้โฟลเดอร์ my-mindphp ซึ่งด้านในก็จะมีโค้ด React และการเซ็ตอัพไว้เรียบร้อย โดยเราสามารถเข้าไปในโปรเจค และมีคำสั่งต่างๆให้ใช้
-
npm start - เริ่มโปรเจคโดยเข้าไปดูที่ http://localhost:3000
-
npm run build - เพื่อ Build โปรเจคเอาไปใช้ในระดับ Production โดยไฟล์ที่ได้จะอยู่ใน Folder Build
-
npm test - คำสั่งรัน Test ที่มีอยู่ในโปรเจค
-
npm run eject - คำสั่งแก้ไขการเซ็ตอัพโปรเจค หรืออยากเห็นการตั้งค่า โดยไฟล์การตั้งค่าจะอยู่ในโฟลเดอร์ Config
3. จากนั้น ใช้คำสั้ง cd ย้อนกลับเข้าไปที่โฟล์เดอร์ mindphp เมื่อ path เป็น ชื่อโฟล์เดอร์ของเราแล้ว ก็ใช้คำสั่ง start ได้เลย
cd my-mindphp
npm start
ส่วนของการแก้โค้ด เราสามารถแก้ผ่าน Editer ได้เลย
ข้อมูลอ้างอิง : https://reactjs.org