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

| React | 434 | 659 วันที่แล้ว
วันนี้ผมจะลองมาใช้งาน 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
848 D
[1]
Android
739 D
[40]
Animal
832 D
[1]
Apache
847 D
[2]
[10]
[2]
CMS-SMF
849 D
[1]
[3]
[1]
Database
847 D
[4]
[1]
Docker
743 D
[1]
Fruit
832 D
[2]
Git
635 D
[5]
HTML
635 D
[1]
Housework
837 D
[2]
IT
829 D
[2]
Imacro
849 D
[17]
Java
632 D
[1]
Java-Web
739 D
[1]
[2]
MQL5
661 D
[3]
MakeMoney
634 D
[18]
[1]
Maven
633 D
[1]
Mobile
846 D
[1]
NodeJs
634 D
[3]
Physics
630 D
[4]
PugJS
634 D
[2]
React
644 D
[132]
Science
831 D
[1]
[2]
Spring
633 D
[7]
[2]
[1]
[4]
Ubuntu
798 D
[1]
WebLogic
830 D
[4]