หลักสูตร Basic React Native for React Developers เป็นการอบรมต่อยอดทักษะ React บนเว็บไปสร้างแอป Android และ iOS ตั้งแต่ Core Components, Flexbox และ Navigation จนถึงรันแอปบนมือถือจริงด้วย Android Studio และ Xcode เหมาะกับนักพัฒนาเว็บที่เขียน React อยู่แล้วและทีม Frontend
นักพัฒนาที่เขียน React บนเว็บอยู่แล้วมีพื้นฐานเกินครึ่งของการทำแอปมือถือด้วย React Native เพราะใช้ Component, Props, State และ Hooks แบบเดียวกัน สิ่งที่ต้องเรียนเพิ่มคือส่วนที่ต่างจากเว็บ ได้แก่ ไม่มี DOM และ CSS แบบเดิม ใช้ Core Components ที่แสดงผลเป็นคอมโพเนนต์เนทีฟ จัดหน้าด้วย Flexbox ผ่าน StyleSheet นำทางแบบ Stack แทน URL และต้องรู้จักเครื่องมือเนทีฟอย่าง Android Studio, Gradle และ Xcode เพื่อรันและ Build แอปบนเครื่องจริง
หลักสูตรนี้เป็นฉบับปรับปรุงใหม่สำหรับ React Native 0.87 ซึ่งทำงานบน New Architecture เท่านั้น พาผู้เรียนเทียบแนวคิดจากเว็บมาสู่มือถือทีละเรื่อง ตั้งแต่เตรียมเครื่องมือเนทีฟ สร้างโปรเจกต์ TypeScript ด้วย React Native Community CLI ใช้ Core Components จัด Layout ด้วย Flexbox ทำ Navigation ด้วย React Navigation 7 ดึงข้อมูลจาก REST API จนถึงรันแอปบน Android และ iPhone จริงและสร้างไฟล์ Release (อบรม 2 วัน วันละ 6 ชั่วโมง รวม 12 ชั่วโมง ระดับ Beginner)
รายละเอียดหลักสูตร
หลักสูตรนี้เป็นฉบับปรับปรุงใหม่ปี 2026 ของหลักสูตร Basic React Native โดยปรับมุมให้ชัดเจนสำหรับผู้ที่เขียน React บนเว็บอยู่แล้ว ต่างจากหลักสูตร Basic React Native with Expo ที่เริ่มจาก Expo หลักสูตรนี้ทำงานกับโปรเจกต์ Android และ iOS โดยตรงผ่าน React Native Community CLI, Android Studio และ Xcode เนื้อหาอัปเดตเป็น React Native 0.87 อบรม 2
วัน วันละ 6 ชั่วโมง รวม 12 ชั่วโมง (09:00-16:00 น.) รูปแบบบรรยายสลับ Lab ตลอดหลักสูตร ระดับ Beginner ผู้เรียนจะได้เทียบแนวคิดเว็บกับมือถือ ใช้ Core Components จัด Layout ด้วย Flexbox ทำ Navigation ด้วย React Navigation 7 ดึงข้อมูลจาก REST API และรันแอปบนมือถือจริง พร้อมรับ Lab Guide และซอร์สโค้ดกลับไปใช้งานต่อ
Section 1: React บนเว็บกับ React Native ต่างกันอย่างไร
Section 2: Lab: เตรียมเครื่องมือเนทีฟบน Windows และ macOS
Section 3: Lab: สร้างโปรเจกต์ด้วย React Native Community CLI
Section 4: Lab: Core Components แทนแท็ก HTML
Section 5: Lab: Styling ด้วย StyleSheet และ Flexbox
Section 6: Lab: State, Hooks และฟอร์มบนมือถือ
Section 7: Lab: รายการข้อมูลด้วย FlatList และ SectionList
Section 8: Lab: Navigation ด้วย React Navigation 7
Section 9: Lab: ข้อมูลจาก REST API และการเก็บในเครื่อง
Section 10: Lab: Platform API ที่ต่างจากเว็บ
Section 11: Lab: รันบนเครื่องจริงและสร้างไฟล์ Release
Section 12: Workshop: ย้ายแอปเว็บ React มาเป็นแอปมือถือ
ขณะนี้ยังไม่มีรอบอบรมเปิดรับสมัคร ลงชื่อจองไว้ได้เลย ทีมงานจะติดต่อกลับเป็นกลุ่มแรกเมื่อเปิดรอบถัดไป หรือสอบถามทางไลน์ หรือโทร 02-570-8449 หรือ 088-807-9770
Basic React Native with Expo เริ่มจาก Expo ซึ่งช่วยซ่อนการตั้งค่าฝั่งเนทีฟและเหมาะกับผู้เริ่มต้นทั่วไป ส่วนหลักสูตรนี้ออกแบบสำหรับผู้ที่เขียน React บนเว็บอยู่แล้ว เทียบสิ่งที่รู้จากเว็บกับสิ่งที่ต่างไปบนมือถือทีละเรื่อง และใช้ React Native Community CLI ทำงานกับโปรเจกต์ Android และ iOS โดยตรงผ่าน Android Studio และ Xcode รวมถึงรันบนเครื่องจริงและสร้างไฟล์ Release ด้วยเครื่องมือเนทีฟ ผู้เรียนจึงเข้าใจสิ่งที่อยู่เบื้องหลังแอป และต่อยอดไปใช้ Expo ได้ง่ายขึ้น
แอปแบบ Native เขียนแยกกันด้วย Kotlin สำหรับ Android และ Swift สำหรับ iOS ส่วน React Native เขียนด้วย JavaScript หรือ TypeScript ชุดเดียวด้วยแนวคิดของ React แล้วแสดงผลเป็นคอมโพเนนต์เนทีฟจริงของแต่ละระบบ ไม่ใช่หน้าเว็บที่ห่อไว้ในแอป ตั้งแต่ React Native 0.82 แอปทำงานบน New Architecture เท่านั้น ซึ่งให้ JavaScript เรียกโค้ดเนทีฟผ่าน JSI ได้โดยตรง ทำให้แอปตอบสนองได้ดีขึ้น และยังเขียนโค้ดเนทีฟเพิ่มได้เมื่อจำเป็น
บนเว็บเรามักใช้ map สร้างรายการทั้งหมด แต่บนมือถือถ้าใช้ map ใน ScrollView กับข้อมูลจำนวนมาก แอปจะสร้างทุกรายการพร้อมกันและกินหน่วยความจำ ควรใช้ FlatList ซึ่งสร้างเฉพาะรายการที่อยู่บนจอและใกล้จะเลื่อนถึง โดยส่ง data, renderItem และ keyExtractor ส่วน ScrollView เหมาะกับเนื้อหาไม่ยาว เช่น หน้าฟอร์ม และถ้าต้องการแบ่งหมวดพร้อมหัวข้อให้ใช้ SectionList
เหมาะกับนักพัฒนาเว็บที่เขียน React หรือ Next.js อยู่แล้ว ทีม Frontend ที่ต้องดูแลทั้งเว็บและแอป และนักศึกษาที่เรียน React มาแล้ว ควรเขียน Component, Props, useState และ useEffect ได้ เขียน JavaScript รุ่นใหม่และอ่าน TypeScript เบื้องต้นได้ รู้จัก REST API กับ JSON และใช้ Command Line กับ npm ได้ ถ้ายังไม่เคยเขียน React มาก่อน แนะนำหลักสูตร Basic React Native with Expo
ตั้งค่า Android Studio และ Xcode สร้างโปรเจกต์ TypeScript ด้วย React Native Community CLI ใช้ Core Components แทนแท็ก HTML จัด Layout ด้วย Flexbox ทำ Navigation แบบ Stack และ Tabs ด้วย React Navigation 7 แสดงข้อมูลจาก REST API ด้วย FlatList เก็บข้อมูลด้วย AsyncStorage และรันแอปบนมือถือ Android และ iPhone จริงพร้อมสร้างไฟล์ Release ได้ ผู้ผ่านการอบรมได้รับใบประกาศนียบัตร (Certificate of Completion) ที่มีเลขที่ของตัวเองและตรวจสอบออนไลน์ได้
ใช้ได้ทั้งสองระบบ โดยติดตั้ง Node.js รุ่น LTS, JDK 17, Android Studio พร้อม Android SDK และ Emulator และ VS Code ร่วมกันในช่วงแรกของการอบรม เครื่อง Windows รันและทดสอบแอป Android ได้ครบ ส่วนการรันบน iOS Simulator และ iPhone จริงต้องใช้ macOS ที่ติดตั้ง Xcode และ CocoaPods พร้อม Apple Account ของผู้เรียน แนะนำแรม 16 GB และเตรียมมือถือพร้อมสาย USB มาด้วย
การเขียนโปรแกรมเป็นพื้นฐานของงานไอทีแทบทุกด้าน ทั้งเว็บไซต์ แอปบนมือถือ โปรแกรมบนคอมพิวเตอร์ และระบบที่ทำงานกับข้อมูล แม้วันนี้จะมี AI ช่วยเขียนโค้ด ผู้ที่เข้าใจหลักคิดของโปรแกรมและโครงสร้างข้อมูลก็ยังจำเป็น เพราะต้องสั่งงาน ตรวจผล และแก้ปัญหาให้ได้เอง…
เว็บแอปพลิเคชันทุกวันนี้ต้องตอบสนองเร็ว ใช้งานลื่นเหมือนแอปบนมือถือ และแก้ไขเพิ่มเติมได้ง่ายเมื่อระบบโตขึ้น React เป็นไลบรารีสร้าง User Interface ที่นิยมมากที่สุดตัวหนึ่ง เพราะแบ่งหน้าเว็บออกเป็น Component ที่นำกลับมาใช้ซ้ำได้…
หลังจากสร้างแอป React Native แรกได้แล้ว โจทย์ถัดไปคือทำให้แอปดูดีบนทุกขนาดจอ แยก Component ให้ใช้ซ้ำได้ จัดการ State ที่เริ่มซับซ้อน ทำฟอร์มที่ตรวจข้อมูลได้จริง และวางโครง Navigation หลายชั้นโดยไม่สับสน…
