ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

การติดตั้ง 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อยากทราบวิธีการแก้ไขปัญหา การเปิดใช้งาน xampp
โดย Ittichai_chupol อ 14 ม.ค. 2020 11:11 am บอร์ด Programming - PHP
6
2281
อ 14 ม.ค. 2020 3:20 pm โดย Ittichai_chupol
การแปลงข้อมูลที่ดึงมาจาก database ที่เป็น list ให้เป็น string เพื่อนำมาใช้ประโยชน์ในด้านต่างๆ
โดย benzas00123 จ 13 ม.ค. 2020 5:34 pm บอร์ด Python Knowledge
0
42
จ 13 ม.ค. 2020 5:34 pm โดย benzas00123
การใช้ os.walk ในการหานามสกุลไฟล์ที่ต้องการทั้งหมดที่อยู่ใน Project
โดย benzas00123 จ 13 ม.ค. 2020 3:09 pm บอร์ด Python Knowledge
0
57
จ 13 ม.ค. 2020 3:09 pm โดย benzas00123
ปฏิทินประจําปี 2563 ธีมรูปแบบญี่ปุ่น
โดย noppadonsk จ 13 ม.ค. 2020 2:32 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
88
จ 13 ม.ค. 2020 2:32 pm โดย noppadonsk
ขอสอบถามวิธํีการ split tuple หน่อยครับ
โดย benzas00123 จ 13 ม.ค. 2020 11:17 am บอร์ด Programming - C/C++ & java & Python
7
55
จ 13 ม.ค. 2020 12:11 pm โดย benzas00123
มีปัญหากับ do-while ค่ะ
โดย mashato ส 11 ม.ค. 2020 10:03 pm บอร์ด Programming - C/C++ & java & Python
1
71
อ 12 ม.ค. 2020 5:40 pm โดย mindphp
ขอทราบวิธีการติดตั้ง pgadmin 4 บน ubuntu ครับ
โดย benzas00123 ส 11 ม.ค. 2020 4:30 pm บอร์ด SQL - Database
8
92
ส 11 ม.ค. 2020 5:38 pm โดย benzas00123
ทิปการเขียน php ลบ Cookies ทั้งหมด ออกด้วย php
โดย mindphp ส 11 ม.ค. 2020 1:54 pm บอร์ด PHP Knowledge
0
19
ส 11 ม.ค. 2020 1:54 pm โดย mindphp
วิธีการเขียน SQL เพื่ม PRIMARY KEY ตาราง ฐานข้อมูล
โดย Ittichai_chupol ศ 10 ม.ค. 2020 6:20 pm บอร์ด SQL Knowledge
0
46
ศ 10 ม.ค. 2020 6:20 pm โดย Ittichai_chupol
วิธีการสร้างหน้าเว็บให้หน่วงเวลาก่อนจะไปยังหน้าเว็บจริง ๆ ด้วยฟังชั่น header()
โดย jamepiyawat ศ 10 ม.ค. 2020 5:51 pm บอร์ด PHP Knowledge
0
49
ศ 10 ม.ค. 2020 5:51 pm โดย jamepiyawat
B - ปัญหา การส่งเมลใบเสนอราคาให้ลูกค้า ไม่ถึงข้อมูล รายละเอียดขึ้นมาให้ หลังจากกดปุ่ม
โดย mindphp ศ 10 ม.ค. 2020 1:10 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
ศ 10 ม.ค. 2020 1:10 pm โดย mindphp
ช่วยอธิบาย Code การ zip file หน่อยครับ
โดย benzas00123 ศ 10 ม.ค. 2020 11:35 am บอร์ด Programming - C/C++ & java & Python
3
39
ศ 10 ม.ค. 2020 12:16 pm โดย benzas00123
จำลองรูปแบบแผนการเล่นฟุตบอลเพื่อใช้เป็นกลยุทธ์ในการเล่นด้วยโปรแกรมจัดรูปแบบแผนการเล่นฟุตบอล
โดย prmindphp พฤ 09 ม.ค. 2020 7:19 pm บอร์ด MindPHP News & Feedback
0
67
พฤ 09 ม.ค. 2020 7:19 pm โดย prmindphp
ช่วยหน่อยครับ รับค่าข้อมูลเพื่อบันทึกลงไปในฐานข้อมูลของ Postgres ไม่ได้ครับ
โดย benzas00123 พฤ 09 ม.ค. 2020 5:53 pm บอร์ด Programming - C/C++ & java & Python
0
25
พฤ 09 ม.ค. 2020 5:53 pm โดย benzas00123
การเชื่อต่อฐานข้อมูล Postgres ด้วย Module psycopg2
โดย benzas00123 พฤ 09 ม.ค. 2020 3:48 pm บอร์ด Python Knowledge
0
31
พฤ 09 ม.ค. 2020 3:48 pm โดย benzas00123
เชื่อมต่อกับ ฐานข้อมูลของ psycopg2 ไม่ได้ครับ
โดย benzas00123 พฤ 09 ม.ค. 2020 2:28 pm บอร์ด Programming - C/C++ & java & Python
1
29
พฤ 09 ม.ค. 2020 2:53 pm โดย benzas00123
ไม่สามารถติดตั้ง Module psycopg2 ใน pycharm ได้ครับ
โดย benzas00123 พฤ 09 ม.ค. 2020 1:30 pm บอร์ด Programming - C/C++ & java & Python
1
49
พฤ 09 ม.ค. 2020 1:42 pm โดย benzas00123
วิธีการเขียน คำสั่ง SQL เพื่อปรับเปลี่ยน type ของข้อมูลในฐานข้อมูล
โดย Ittichai_chupol พฤ 09 ม.ค. 2020 12:06 pm บอร์ด SQL Knowledge
0
63
พฤ 09 ม.ค. 2020 12:06 pm โดย Ittichai_chupol
835z5sw2
โดย Anonymous พฤ 09 ม.ค. 2020 6:55 am บอร์ด Graphic design
0
44
พฤ 09 ม.ค. 2020 6:55 am โดย บุคคลทั่วไป
How To Delete Google Homepage Without Affecting Browsing Experience?
โดย Anonymous พ 08 ม.ค. 2020 2:11 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
26
พ 08 ม.ค. 2020 2:11 pm โดย บุคคลทั่วไป