เมื่อวานได้มีโอกาสไปเจอเพื่อนพี่น้องกลุ่ม iOS Developer Thailand มาครับ โดยครั้งนี้ได้ไปแชร์เรื่อง React Native: What, Why, How
ต้องขอบคุณพี่แบงค์และทีมงานที่ให้โอกาสไปเป็น Speaker ด้วย
ซึ่งนอกจากเรื่อง React Native ของพลแล้ว ก็มีเรื่อง Redux – Bring Web Architecture to Mobile ของพี่เอ็ม และ Continuous Delivery with Fastlane ของพี่ปุ๋ย
เปิดอบรม React Native สำหรับผู้เริ่มต้น
ปูพื้นฐาน React และ React Native เข้าใจง่าย, ใช้ได้จริง, เนื้อหาใช้ในการทำแอพ Enterprise ขององค์กรได้
สรุปย่อ การบรรยายเรื่อง React Native: What, Why, How
What: React Native คืออะไร?
- เป็นส่วนต่อขยายแนวคิดจาก React ที่เป็น Web Framework
- ใช้แนวคิดของ React และการทำงานของ Web มาใช้ควบคุมภายในแอพที่ใช้ Native UI
Why: อะไรที่จะทำให้เราต้องใช้ หรือไม่ใช้ React Native
ข้อดีของ React Native ปัจจุบัน
- รองรับ iOS และ Android
- ได้ความเร็วแอพ ส่วนใหญ่ แบบ Native Performance
- เหมาะสำหรับคนทำเว็บมาก
- คนทำเว็บสามารถเรียนรู้ได้ง่าย (ต้องมีพื้นฐาน ES6 และ JSX ด้วย)
- มี Native API และ Native UI ปานกลาง (แต่ถ้าต้องการตัวที่ยังไม่มีสามารถทำเองได้)
ข้อเสียของ React Native ปัจจุบัน
- ยังใหม่อยู่มาก (แมลงยังชุมอยู่)
- iOS สมบูรณ์เมื่อกลางปี 2015
- เริ่มรองรับ Android เมื่อกันยายน 2015
- Document ท้าทายการค้นหาพอสมควร ส่วนใหญ่จะหาวิธีที่ชัดเจนได้จาก StackOverflow มากกว่า
- มี Native API และ Native UI ปานกลาง แต่ยังไม่ครอบคลุมพอ (อันนี้ต้องรอเวลา และ Community แต่ถ้าต้องการก็เขียนต่อเองได้)
How?: จะเริ่มต้นเรียน และใช้ React Native ต้องทำยังไงบ้าง?
โปรแกรมที่ต้องลง
- แน่นอน Node JS
- Flow
- Watchman
- Editor ในที่นี้ใช้ Sublime Text 3
ลงเพิ่ม สำหรับทำแอพ iOS
- Xcode
- iOS Simulator
ลงเพิ่ม สำหรับทำแอพ Android
- Android SDK
- Android Emulator (ทีม React Native แนะนำ Genymotion)
พื้นฐานภาษา และ Framework ที่ต้องรู้
- HTML, CSS
- JavaScript
- ES6
- JSX
- การใช้งาน Xcode
- การใช้งาน Android Studio
Demo
ในงานจะมี Demo การสร้าง และใช้งาน React Native ด้วย อันนี้ต้องรอทางทีมผู้จัดงาน iOS Dev Meetup อีกทีนะครับ
ปล. ขอบคุณ พี่ๆ น้องๆ ทุกคน เป็นกันเองมาก ขอบคุณที่ไม่จับผมตรึงเสา เผาไฟนะครับ 555
Slide ที่ใช้ในงาน
อ้างอิงได้ครับ แต่ถ้าเป็นวิดีโอที่ทางทีมผู้จัด Meetup จะเข้าถึงเนื้อหาได้มากกว่า เพราะเนื้อหาใน Slide เป็นโน๊ตย่อ
แถมมีเรื่องสงครามครั้งที่ 3 ที่ได้เริ่มขึ้นแล้วด้วยนะ 🙂
React native – What, Why, How? from Teerasej Jiraphatchandej
ตัวอย่าง Demo ที่แสดงในงาน
- ตัว Demo ความสามารถ AlertIOS, ActionSheetIOS, และ UIManager
- UIExplorer ของ React Native (อยู่ใน Example)
- Assemblies
เปิดอบรม React Native สำหรับผู้เริ่มต้น
ปูพื้นฐาน React และ React Native เข้าใจง่าย, ใช้ได้จริง, เนื้อหาใช้ในการทำแอพ Enterprise ขององค์กรได้