ให้เรตสมาชิก: 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
R - AI แยกชาย/หญิง
โดย mindphp ศ 31 ก.ค. 2020 8:08 pm บอร์ด FDD (Main)
0
1
ศ 31 ก.ค. 2020 8:08 pm โดย mindphp
สอบถามเรื่อง cron.task.core เวลาในการตั้งค่า ให้ระบบทำงาน
โดย thatsawan ศ 31 ก.ค. 2020 5:34 pm บอร์ด Programming - PHP
2
30
ศ 31 ก.ค. 2020 6:19 pm โดย thatsawan
ผมไปโหลดโปรเเกรมนึงมาพอผมติดตั้งตามปกติเเต่เหมือนจะเป็นไวรัสผมเลยรีบลบ
โดย Anonymous ศ 31 ก.ค. 2020 12:18 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
24
ศ 31 ก.ค. 2020 4:06 am โดย mindphp
ถ้าเราต้องการ timestamp เวลา 0.00 น. เที่ยงคืนของวันปัจจุบัน ทำได้ยังไงค่ะ
โดย thatsawan พ 29 ก.ค. 2020 11:24 am บอร์ด Programming - PHP
4
65
พฤ 30 ก.ค. 2020 5:50 pm โดย anawat2050
[Tip]excel วิธี save as เป็นไฟล์ .csv โดยใช้ | คั่นคอลัมน์แทน ,
โดย jataz2 พ 29 ก.ค. 2020 9:14 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
29
พ 29 ก.ค. 2020 9:14 am โดย jataz2
Webboard สำหรับ WP
โดย wichai007 อ 28 ก.ค. 2020 9:01 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
0
57
อ 28 ก.ค. 2020 9:01 pm โดย wichai007
ถอด วันที่จาก excel มาได้ผลลัพท์เเต่ละ แถว row ไม่เหมือนกัน
โดย thatsawan อ 28 ก.ค. 2020 8:18 pm บอร์ด Programming - PHP
2
46
อ 28 ก.ค. 2020 8:40 pm โดย mindphp
B - ตัวอย่างคำสั่งที่ไม่เข้าไปใน e-mail [2020-07][002]
โดย natthanit.r2538 ศ 24 ก.ค. 2020 6:28 pm บอร์ด MD-CRM - Tester
2
8
อ 28 ก.ค. 2020 7:12 pm โดย mindphp
สอบถาม มีวิธีเขียน pyhon อ่านไฟล์ .dll มั้ยครับ
โดย jirawoot ศ 24 ก.ค. 2020 2:36 pm บอร์ด Programming - C/C++ & java & Python
0
93
ศ 24 ก.ค. 2020 2:36 pm โดย jirawoot
จะต้องทำยังไงถึงจะสมบรูณ์ GroundOverlay overlay
โดย niran พ 22 ก.ค. 2020 11:19 pm บอร์ด JavaScript & Jquery Ajax
0
119
พ 22 ก.ค. 2020 11:19 pm โดย niran
จะต้องทำยังไงถึงจะสมบรูณ์
โดย Anonymous พ 22 ก.ค. 2020 9:14 pm บอร์ด HTML CSS
2
137
พฤ 23 ก.ค. 2020 8:30 pm โดย บุคคลทั่วไป
สอบถามเกี่ยวกับการรองรับจำนวนผู้ใช้งาน postgresql
โดย Anonymous พ 22 ก.ค. 2020 2:56 pm บอร์ด SQL - Database
1
115
พ 22 ก.ค. 2020 4:45 pm โดย mindphp
การรองรับจำนวนผู้ใช้ postgreSQL
โดย Anonymous พ 22 ก.ค. 2020 2:33 pm บอร์ด PostgreSQL
1
120
พ 22 ก.ค. 2020 4:45 pm โดย mindphp
ข้อควรคิดเรื่องสถานที่จัดงาน ก่อนเลือกธีมงานแต่งงาน
โดย thongdeesmilesuk พ 22 ก.ค. 2020 12:30 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
80
พ 22 ก.ค. 2020 12:30 pm โดย thongdeesmilesuk
ทำความรู้จักกับ Apache Hadoop
โดย moo1997 อ 21 ก.ค. 2020 5:42 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
79
อ 21 ก.ค. 2020 5:42 pm โดย moo1997
Marketplace คืออะไร
โดย moo1997 อ 21 ก.ค. 2020 3:50 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
90
อ 21 ก.ค. 2020 3:50 pm โดย moo1997
สอบถามเรื่องการเปลี่ยนภาษาบน Linux
โดย moo1997 อ 21 ก.ค. 2020 2:10 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
136
อ 21 ก.ค. 2020 2:17 pm โดย thatsawan
การ insert ข้อมูลจาก textbox ลงในฐานข้อมูล โดยใช้ภาษา C#
โดย moo1997 อ 21 ก.ค. 2020 11:49 am บอร์ด Programming - C/C++ & java & Python
0
117
อ 21 ก.ค. 2020 11:49 am โดย moo1997
การเขียน php เชื่อมต่อกับฐานข้อมูล
โดย moo1997 อ 21 ก.ค. 2020 11:42 am บอร์ด PHP Knowledge
0
1021
อ 21 ก.ค. 2020 11:42 am โดย moo1997
การสร้าง JOptionPane ในการรับค่า
โดย moo1997 อ 21 ก.ค. 2020 10:53 am บอร์ด Microsoft Office Knowledge & line & Etc
0
81
อ 21 ก.ค. 2020 10:53 am โดย moo1997