React Just Tattoo

https://just-tattoo.netlify.app/

ตัวอย่างโปรเจ็ค React จากคลิป "สอน React เบื้องต้น จนใช้ได้จริง #01" ของ Zinglecode

Note: ทำขึ้นมาเพื่อการศึกษาทางการเขียนโปรแกรมเท่านั้น เนื้อหาบนเว็บไม่ใช่สินค้าหรือบริการที่มีอยู่จริง

Note 2: อัพเดทโค้ดเป็น React v.18 ณ วันที่ 26/4/2022 ซึ่ง v.18 กับ v.17 โค้ดเหมือนกันทั้งหมดครับ (มีอัพเดทโค้ดแค่ในไฟล์ index.js นิดเดียวเท่านั้น) ดังนั้นสามารถศึกษา React จากในคลิปที่ใช้ v.17 ได้เลย สามารถนำโค้ดมาใช้กับ v.18 ได้อย่างไม่มีปัญหา

YouTube video

https://www.youtube.com/watch?v=ojT758BNvqg

Install and Run project on VSCode

0. ติดตั้ง Node.js ลงเครื่องให้เรียบร้อยก่อน (ใช้ Version 14 หรือ 16 ก็ได้)

1. ดาวน์โหลดโปรเจ็คนี้ลงเครื่อง

2. เปิดโฟลเดอร์โปรเจ็คใน VSCode

3. เปิด VSCode Terminal

4. ติดตั้ง Packages ของโปรเจ็ค

npm install

5. Run เว็บโปรเจ็ค

npm start

Github branches for each lessons

1. Create React App
2. JSX
3. CSS
4. Static files
5. Components
6. Props
7. States
8. Events
9. Form input

Credits

https://unsplash.com/photos/RBsrv4yV5KY

https://unsplash.com/photos/Lw4tNcvEaE8

https://unsplash.com/photos/aTiGszXqrJE

https://unsplash.com/photos/ftoD84_RRdM

https://unsplash.com/photos/Y6TOX6LnIGs

https://unsplash.com/photos/m1lS3CwUOus