React Native ฉบับเริ่มต้น
React Native ช่วยให้คุณสามารถสร้าง Mobile Application ใช้เพียงภาษา Javascript โดยลักษณะโครงสร้างการเขียนเหมือน React เลย สามารถเรียกใช้ Mobile User Interface จาก Components ต่างๆที่มีให้ใช้มากมาย
Expo client app เป็น Application ที่ช่วยให้เราเทสการแสดงผลได้บน iOS และ Android โดยตัว Expo ก็เป็น React Native Apps เช่นเดียวกัน ภายในก็จะมี Expo SDK ซึ่งทำหน้าที่ช่วยให้เราสามารถเรียกใช้งาน ฟังก์ชั่นต่างๆเช่น camera, contacts, local storage และ อื่นๆที่เกียวกับ Hardware
create-react-native-app คือ Command Line Tools ที่จะช่วยคุณเริ่มต้นสร้างโปรเจค React Native ได้อย่างง่ายได้ โดย คุณสามารถพัฒนา Mobile Application ได้โดยไม่จำเป็นต้องติดตั้ง Xcode หรือ Android Studio เลย
คำสั่งที่เราจะใช้มีดังนี้ครับ
create-react-native-appเริ่มต้นให้เราทำการติดตั้ง create-react-native-app ก่อนดังตัวอย่างครับ
หลังจากติดตั้ง create-react-native-app เสร็จเรียบร้อยเราก็จะสร้างโปรเจคของเราด้วยคำสั่ง create-react-native-app ตามด้วยชื่อโปรเจคของเราครับ
เมื่อสร้างโปรเจคเสร็จแล้ว เราจะลองรันด้วยคำสั่ง yarn start
ในภาพนี้เราจะทดสอบ Application ของเราผ่าน Expo Client บน iOS กัน
โดย ผมรับลิงค์ที่จะใช้เทสบน iOS ผ่านอีเมล
เมื่อคลิ้กที่ลิงค์ก็จะ ไปเปิดโปรแกรม Expo และ เปิดโปรเจคของเราขึ้นมาแสดงผล
จะเห็นว่าตัว Expo Client นั้นมี Inspector ช่วยให้เราสามารถ Debug Element ต่างๆได้ง่ายยิ่งขึ้นครับ
ตัวอย่างนี้ เพียงกดตัวอักษร i ใน Command Line ก็จะเรียก iOS Simulator ขึ้นมาแสดงผลครับ
ตัวอย่าง source code เริ่มต้นที่ได้มาจะมีการใช้ View และ Text ซึ่งเป็น Component ที่มากับ react-native เราจะได้นำไปใช้งานกันเป็นประจำเลยครับ
ในบทนี้เราได้เรียนรู้อะไรบ้าง
- ติดตั้ง create-react-native-app บนเครื่องของเราได้
- สร้างโปรเจค react-native ได้
- เทสบน Expo Client และ iOS Simulator
ในบทถัดไป เราจะมา Overview Basic Components ต่างๆกันครับ
