สำหรับคนที่อยากเริ่มเขียน Mobile App ด้วย React Native แนะนำดังนี้ครับ
.
1. เราต้องมีความรู้พื้นฐาน HTML, CSS และ JavaScript (แนะนำให้ศึกษา JavaScript เวอร์ชั่น ES6/ES2015 ขึ้นไปนะครับ) สรุปคือต้องเคยเขียนเว็บมาก่อนนั่นเอง
.
2. มีพื้นฐานการเขียน React และเข้าใจ Concept ต่างๆ ยกตัวอย่างเช่น Component, Props, State เป็นต้น
.
3. ถ้ามีความรู้ หรือเคยเขียน Mobile App แบบ native มาบ้าง จะช่วยได้มากครับ แต่ก็ค่อยๆ ศึกษาเพิ่มเติมทีหลังได้
.
ส่วนคนที่อยากลองเขียนเลย (สำหรับคนที่ใช้ Windows) ให้ทำขั้นตอน ตามนี้
.
1. ติดตั้ง Node.js แนะนำเวอร์ชัน 8 และให้ใช้ npm เวอร์ชัน 4 แทนเวอร์ชัน 5 นะครับ (เวอร์ชัน 5 มีปัญหายังไม่รองรับ)
https://goo.gl/aAKGFH
.
2. ติดตั้ง Python แนะนำเป็นเวอร์ชัน 2
https://goo.gl/qQEmH3
.
3. ติดตั้ง JAVA JDK แนะนำเวอร์ชัน 8
https://goo.gl/vnkT4Y
.
4. ติดตั้ง React Native CLI เปิด Command Prompt แล้วรันคำสั่ง
npm install -g react-native-cli
.
5. สร้างโปรเจคใหม่ ด้วยคำสั่ง
create-react-native-app MyReactNativeProject
.
6. cd เข้าไปในโฟลเดอร์ MyReactNativeProject แล้วรันคำสั่ง npm start
จะมีคู่มือแนะนำต่างๆ และจะได้ QR code มาครับ
.
7. การทดสอบ App ในมือถือ ให้ติดตั้ง Expo Client ในมือถือเราก่อนครับ ตามลิงก์ https://goo.gl/7ppgPm
ส่วนการทดสอบ app นั้นก็แค่ scan QR code จากข้อ 6 จะสามารถทดสอบ app บนเครื่องจริงได้เลย (มือถือกับเครื่องคอมฯเราต้องอยู่ในวงแลนเดียวกัน)
.
8. ถ้าต้องการแก้ไขหรือเขียนโค้ด ก็สามารถใช้ Editor ที่ถนัดได้เลยนะครับ แนะนำ Visual Studio Code
.
ส่วนถ้าใครอยาก build เป็น android app หรือทดสอบผ่านสาย usb เครื่องจริง ก็ให้ติดตั้ง Android Studio ด้วย มีขั้นตอนละเอียดแล้ว ตามดูคู่มือของ React Native ได้เลยตามนี้ https://goo.gl/YK3Dkx
.
ลองดูนะครับ
โค้ชเอก