เริ่มต้นใช้งาน React

| React | 367 | 569 วันที่แล้ว
วันนี้ผมจะลองมาใช้งาน React ดูครับ

เข้าไปดู Document ในลิ้ง https://reactjs.org/docs/add-react-to-a-new-app.html

จะเห็นว่าเราสามารถสร้าง React ได้อยู่ 2 แบบ คือ สร้างโดยการ New App ขึ้นมาใหม่เลย กับการใช้งาน โดยที่เรามีโปรเจ็คอยู่แล้ว แล้วนำ React ไปใช้กับโปรเจ็คที่มีอยู่

มาดูวิธีแรกกัน เราจะสร้างโดย New App ขึ้นมาใหม่

ดังนั้นผมต้อง ติดตั้งคำสั่ง create-react-app ให้เป็นแบบ global และใช้คำสั่งนี้ในการสร้าง react app ตามตัวอย่างด้านล่าง

npm install -g create-react-app
create-react-app howtoclicks-react
เมื่อได้แล้วเราก็จะได้โปรเจ็ค react app ขึ้นมาแล้ว ซึ่งจะมีตัวอย่างคำสั่งตามด้านล่าง
จากตัวอย่างมีหลายคำสั่งที่เราสามารถลองใช้งานได้ เช่น
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd howtoclicks-react
  npm start

Happy hacking!
เรามาลอง start โปรเจ็คดู โดยเข้าไปที่โปรเจ็คที่เราสร้าง แล้วใช้คำสั่ง npm start ตามตัวอย่าง
cd howtoclicks-react
npm start
เมื่อเราใช้คำสั่งก็จะได้โปรเจ็คที่เราพึ่งได้สร้างไปแล้ว ตามตัวอย่าง
มาดูโครงสร้างโปรเจ็คกันหน่อยดีกว่า ตามด้านล่างเลย
comments

[1]
Adobe-PDF
758 D
[1]
Android
649 D
[40]
Animal
742 D
[1]
Apache
758 D
[2]
[10]
[2]
CMS-SMF
759 D
[1]
[3]
[1]
Database
758 D
[4]
[1]
Docker
654 D
[1]
Fruit
742 D
[2]
Git
545 D
[5]
HTML
545 D
[1]
Housework
747 D
[2]
IT
739 D
[2]
Imacro
759 D
[17]
Java
542 D
[1]
Java-Web
649 D
[1]
[2]
MQL5
571 D
[3]
MakeMoney
544 D
[18]
[1]
Maven
543 D
[1]
Mobile
756 D
[1]
NodeJs
544 D
[3]
Physics
540 D
[4]
PugJS
544 D
[2]
React
554 D
[132]
Science
741 D
[1]
[2]
Spring
543 D
[7]
[2]
[1]
[4]
Ubuntu
709 D
[1]
WebLogic
740 D
[4]