เรียนรู้การพัฒนาแอปพลิเคชันมือถือที่ทำงานได้ทั้งบน iOS และ Android ด้วย React Native ตั้งแต่การติดตั้งเครื่องมือ, โครงสร้างโปรเจกต์, การสร้าง UI ด้วย JSX, การจัดการ Components และ State ไปจนถึงการใช้ StyleSheet เพื่อตกแต่งแอปให้สวยงาม
เนื้อหาภาษาไทย / タイ語のコンテンツ
บทนี้เป็นการปูพื้นฐาน React Native โดยแนะนำเครื่องมือหลักสองตัวคือ React Native CLI และ Expo CLI ซึ่งแต่ละตัวมีข้อดีข้อเสียต่างกัน React Native CLI ให้ความยืดหย...
บทความนี้แนะนำวิธีการเริ่มต้นโปรเจกต์ React Native อย่างง่ายด้วย Expo CLI โดยสอนตั้งแต่การติดตั้ง Expo CLI, การสร้างโปรเจกต์ "Hello World!", การแก้ไขไฟล์ `App.j...
บทนี้ได้แนะนำ Component พื้นฐานใน React Native ได้แก่ `View` (ใช้จัด Layout), `Text` (ใช้แสดงข้อความ), และ `Image` (ใช้แสดงรูปภาพจากทั้ง Network และ Local). Com...
บทความนี้แนะนำแนวคิดเรื่อง Props ใน React Native ซึ่งเป็นข้อมูลที่ส่งจาก Parent Component ไปยัง Child Component เพื่อให้ Child Component นำไปใช้ในการแสดงผลหรือท...
บทความนี้อธิบายถึง State ใน React Native ซึ่งเป็นข้อมูลภายใน Component ที่สามารถเปลี่ยนแปลงได้ และการเปลี่ยนแปลงนี้จะทำให้ Component ทำการ Re-rendering เพื่ออัพ...
บทนี้กล่าวถึงการใช้ `StyleSheet` ใน React Native เพื่อตกแต่ง Component ให้สวยงามและเป็นระเบียบ โดยเน้นข้อดีของการใช้ `StyleSheet` เช่น ความสะอาดของโค้ด, การนำ S...
บทนี้กล่าวถึงการใช้งาน `TextInput` component ใน React Native เพื่อรับข้อมูลจากผู้ใช้ โดยสอนตั้งแต่การสร้าง `TextInput` พื้นฐาน, การจัดการ state ของข้อความที่พิม...
จากบทที่แล้วที่ได้เรียนรู้เรื่องการรับข้อมูลด้วย `TextInput` บทนี้จะกล่าวถึงการสร้างปุ่มกดเพื่อตอบสนองต่อการสัมผัสของผู้ใช้ โดยจะเน้นที่ `Button` และ `Touchable...
บทนี้ได้แนะนำ `FlatList` ซึ่งเป็น Component สำคัญใน React Native สำหรับการแสดงรายการข้อมูลจำนวนมากอย่างมีประสิทธิภาพ โดยเน้นที่การใช้งาน `data` และ `renderItem`...
บทนี้เป็นการแนะนำการใช้งาน React Navigation ซึ่งเป็น Library ยอดนิยมสำหรับการจัดการการเปลี่ยนหน้าในแอป React Native เนื่องจาก React Native ไม่มีระบบ Navigation...
บทความนี้อธิบายวิธีการส่งและรับข้อมูลระหว่างหน้าใน React Native ผ่าน Navigation Params โดยใช้ `navigation.navigate()` เพื่อส่งข้อมูล และ `route.params` เพื่อรับ...
ในบทที่ 12 นี้ เราได้เรียนรู้วิธีการใช้ AsyncStorage ใน React Native เพื่อบันทึกข้อมูลขนาดเล็กแบบถาวรลงในเครื่องของผู้ใช้ เช่น ข้อมูลผู้ใช้หรือค่าตั้งค่าแอป ซึ่...
บทนี้เป็นการแนะนำวิธีการดึงข้อมูลจาก API ใน React Native โดยใช้ `useEffect` Hook เพื่อจัดการ Side Effects เช่น การ Fetch Data และ `useState` Hook เพื่อเก็บข้อมู...
บทนี้อธิบายถึงการใช้งาน `ActivityIndicator` component ใน React Native เพื่อแสดงสถานะ Loading ให้ผู้ใช้ทราบว่าแอปพลิเคชันกำลังทำงานอยู่เบื้องหลัง โดยมีการยกตัวอย...
บทความนี้แนะนำการสร้าง Custom Component ใน React Native เพื่อนำไปใช้ซ้ำ ลดความซ้ำซ้อนของโค้ด และเพิ่มความเป็นระเบียบ รวมถึงแสดงตัวอย่างการสร้าง Component ปุ่มแล...
บทนี้เป็นการแนะนำการจัดการ Form ใน React Native ด้วย Formik และ Yup ซึ่งเป็น Library ยอดนิยมที่ช่วยให้การจัดการ State, การตรวจสอบความถูกต้องของข้อมูล (Validatio...
บทความนี้กล่าวถึง Redux ซึ่งเป็นเครื่องมือจัดการ State ส่วนกลางสำหรับแอปพลิเคชัน JavaScript โดยเฉพาะอย่างยิ่งในบริบทของ React Native ที่ State อาจซับซ้อนและยากต...
บทความนี้แนะนำวิธีการเพิ่มแผนที่ลงในแอป React Native โดยใช้ไลบรารี `react-native-maps` ซึ่งครอบคลุมตั้งแต่การติดตั้ง, การแสดงแผนที่พื้นฐาน, การเพิ่ม Marker และข...
บทความนี้กล่าวถึงความสำคัญของการจัดการ Permissions ใน React Native เพื่อให้แอปพลิเคชันสามารถเข้าถึงทรัพยากรของอุปกรณ์ได้อย่างถูกต้องตามหลักความเป็นส่วนตัวของผู้...
บทความนี้สรุปขั้นตอนการ Deploy แอป React Native ขึ้น Store ทั้ง Google Play Store และ App Store โดยครอบคลุมตั้งแต่การสร้าง Release Build (APK/AAB สำหรับ Android...
