About more Tutorial
Clone template at : https://github.com/winaibuttasart/ReactTemplate
UI Template launch by https://material-ui.com

$ yarn start | $ npm start

yarn run build

node server

1. Prettier
2. ESLint
3. Auto Close Tag
4. Auto Import - ES6,TS,JSX,TSX
5. npm Intellisense
6. Git History
7. Git Lens

• ตัวอย่างการ import component ลูก มาแปะที่พ่อแม่ (parent) ดูได้จาก testComponent.js
• ตัวอย่างการส่งค่าจากพ่อแม่ไปยังลูก ดูได้จากการส่งค่าจาก testComponent.js ไปยัง header.js (เราจะส่งผ่าน props)
• การแก้ไขค่าของ state เราจะกระทำผ่าน this.setState เพราะถ้าไม่ทำผ่านตัวนี้ ถึงแม้ข้อมูลจะเปลี่ยนจริง แต่หน้าเว็บจะไม่รู้ว่าข้อมูลเปลี่ยน แล้วก็จะไม่ render หน้าเว็บใหม่ ทำให้ข้อมูลบนหน้าเว็บไม่เปลี่ยนแปลงให้เห็น (ถึงแม้ค่าข้อมูลเปลี่ยนไปแล้วก็เถอะนะ :( ) [component ใดๆ จะส่งค่าหรือเปลีย่นแปลงค่าในตัวเอง จะทำผ่าน state นะ รู้ป่าว]
• ตัวอย่างการส่งค่าจากลูก หรือข้อมูล(การกระทำ)ต่างๆของผู้ใช้ไปยังพ่อแม่ ดูได้จากการส่งค่าจาก footer.js ไปยัง testComponent.js (เราจะส่งผ่าน constructor)