เริ่มต้นเขียน React.js (Reactjs beginner ) Part 0
สวัสดีครับ บล็อกนี้สำหรับผู้ที่จะเริ่มศึกษา Reactjs โดยที่ผมเองก็ผู้เริ่มต้นเหมือนกันและผมเองก็ได้ศึกษามาได้ระดับหนึ่งยังไม่ได้เชียวชาญมากนัก จุดเริ่มต้นที่ผมมาศึกษา Reactjs คือ จากเดิมผมเขียนโปรแกรมส่วนของ backend อย่างเดียว stack ที่ใช้ก็เป็น nodejs ควบคู่กับ expressjs ที่เป็น service server side framework ซึ่งเป็นภาษา JavaScript อยู่แล้ว และ Reactjs เองก็ใช้ JavaScript ในการทำงานเป็นหลักทำให้ผมอยากเพิ่มโอกาสในการทำงานและเพิ่มความสามารถตัวเองด้วย
- Reactjs ?
React คือ เป็น JavaScript library สำหรับสร้าง user interface บน web browser พัฒนาโดย facebook ถือเป็น tool ตัวหนึ่งที่ได้รับความนิยมเป็นอย่างมากในสายงาน web developer (เรียนรู้ใว้มีงานแน่นอน ณ ปี 2020)
2. สิ่งที่ต้องมีก่อนเริ่มต้นใช้ React ?
- nodejs สิ่งแรกเลยคือ บนคอมพิวเตอร์ของคุณต้องมี nodejs https://nodejs.org/en
- vscode หรือ code editor ตัวไหนก็ได้ที่สามารถแก้ไขหรือเขียนโค้ดได้
https://code.visualstudio.com/
3. สร้าง React โปรเจคด้วยคำสั่งจาก npx
- เมื่อ install nodejs เรียบร้อยแล้ว สามารถตรวจสอบได้โดยเปิด terminal หรือ command บน window แล้วต่อด้วย คำสั่ง “node -v”
- จากนั้นก็เริ่มต้นสร้างโปรเจคด้วยคำสั่ง “npx create-react-app pjname” pjname สามารถแทนด้วยชื่อโปรเจคที่เราต้องการสร้าง
4. start หรือ run โปรเจค
- สร้างโปรเจคสำเร็จแล้วเราก็จะได้โฟล์เดอร์โปรเจคมาหนึ่งโฟล์เดอร์ตามชื่อโปรเจคที่เราได้ตั้งใว้
- cd เข้าไปในโฟล์เดอร์โปรเจค “cd pjname”
- จากนั้นก็พิมพ์คำสั่ง “npm start”
- จากตรงนี้คุณสามารถ start โปรเจค ด้วย yarn (รายละเอียดความแตกต่าง npm กับ yarn ข้อผ่านไปก่อนนะครับ)
5. ผลลัพธ์
- จากหน้า terminal
- จากหน้า browser
จากตรงนี้ก็ได้จบลงแล้วสำหรับ Part 0 ติดตาม Part ต่อไปได้ เดียวเอาลิงค์มาแปะ
ปล. บล็อกแรกหัดเขียนครับ