Skills Expo

ทดสอบฟีเจอร์ Expo Router บนอีมูเลเตอร์ Android โดยใช้ ADB ใช้หลังจากที่ได้ใช้งานฟีเจอร์เนทีฟ Android หรือเมื่อต้องการตรวจสอบพฤติกรรม UI บน Android

คู่มือฉบับสมบูรณ์สำหรับการสร้างแอป Expo ดั้งเดิม พร้อมการกำหนดเส้นทาง การจัดสไตล์ คอมโพเนนต์ และข้อกำหนดของแพลตฟอร์ม ครอบคลุมพื้นฐานของ Expo Router แท็บดั้งเดิม การนำทางแบบสแต็ก โมดอล และฟอร์มชีต พร้อมโครงสร้างเส้นทางโดยละเอียด รวมถึงกฎการจัดสไตล์ที่สอดคล้องกับแนวทางของ Apple Human Interface: เลย์เอาต์แบบ flexbox การจัดการพื้นที่ปลอดภัย แอนิเมชัน เงาผ่าน CSS boxShadow และรูปแบบการออกแบบที่ตอบสนอง เอกสารเกี่ยวกับไลบรารีที่ต้องการ (expo-image สำหรับ SF Symbols, expo-audio, expo-video,...

การตรวจสอบโค้ดเชิงลึกที่เน้นการออกแบบ - เข้าใจบริบทของฐานโค้ดก่อนประเมินการเปลี่ยนแปลงของ PR โพสต์ข้อเสนอแนะที่มีโครงสร้างไปยัง GitHub

ตรวจสอบสถานะของ EAS Updates ที่เผยแพร่แล้ว: อัตราการขัดข้อง, จำนวนการติดตั้ง/เปิดใช้งาน, ผู้ใช้ที่ไม่ซ้ำ, ขนาด payload, และการแบ่งระหว่างผู้ใช้แบบฝังและ OTA ต่อ…

`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.

`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

เส้นทาง API ใน Expo Router สำหรับตรรกะฝั่งเซิร์ฟเวอร์ ความลับ และการผสานรวมกับบุคคลที่สามบน EAS Hosting สร้างเส้นทางด้วยนามสกุล +api.ts ในไดเรกทอรี app; ส่งออกฟังก์ชันที่มีชื่อสำหรับเมธอด HTTP (GET, POST, PUT, DELETE) จัดการพารามิเตอร์คิวรี ส่วนหัว เนื้อหา JSON และส่วนเส้นทางแบบไดนามิก; เพิ่มส่วนหัว CORS สำหรับไคลเอนต์เว็บ เข้าถึงความลับฝั่งเซิร์ฟเวอร์ผ่าน process.env; ตั้งค่าตัวแปรในเครื่องในไฟล์ .env หรือผ่าน eas env:create สำหรับการใช้งานจริง ปรับใช้กับ EAS Hosting (Cloudflare Workers) ด้วย eas...

เขียนและตรวจสอบไฟล์ YAML ของ CI/CD workflow สำหรับโปรเจกต์ Expo โดยดึง JSON schema ล่าสุดจาก API ของ Expo เพื่อให้แน่ใจว่า job types, parameters, triggers และ runner configurations เป็นปัจจุบัน รองรับ dynamic expressions โดยใช้ไวยากรณ์ ${{ }} พร้อม contexts สำหรับ GitHub events, workflow inputs, job outputs และ step results รวมถึงสคริปต์ตรวจสอบในตัวที่ตรวจสอบโครงสร้าง workflow กับ schema และรายงานข้อผิดพลาดก่อนการปรับใช้ พร้อมเอกสารอ้างอิงสำหรับไวยากรณ์...

การปรับใช้แอป Expo อัตโนมัติไปยัง iOS App Store, Android Play Store, โฮสติ้งเว็บ และสภาพแวดล้อมพรีวิว รองรับการสร้างและส่งเวอร์ชันผลิตภัณฑ์สำหรับ iOS (App Store และ TestFlight) และ Android (Google Play Store) ด้วยคำสั่งเดียว รวมถึง EAS Hosting สำหรับการปรับใช้เว็บพร้อม URL พรีวิว PR อัตโนมัติและการรองรับโดเมนผลิตภัณฑ์ ให้ระบบอัตโนมัติ CI/CD ผ่าน EAS Workflows สำหรับการสร้างและส่งที่ถูกกระตุ้นเมื่อมีการพุชโค้ด การจัดการเวอร์ชันอัตโนมัติพร้อมรีโมท...

สร้าง Expo development clients แบบกำหนดเองสำหรับทดสอบโค้ดเนทีฟบนอุปกรณ์จริงผ่าน EAS Build หรือในเครื่อง จำเป็นเมื่อใช้โมดูลเนทีฟที่กำหนดเอง, เป้าหมาย Apple (วิดเจ็ต, app clips), หรือโค้ดเนทีฟของบุคคลที่สามที่ไม่มีใน Expo Go; ลองใช้ Expo Go ก่อนด้วย npx expo start รองรับการ build บนคลาวด์พร้อมส่ง TestFlight อัตโนมัติหรือ build ในเครื่องบนเครื่องของคุณ โดยสร้างไฟล์ .ipa (iOS) หรือ .apk / .aab (Android) ต้องกำหนดค่า eas.json ด้วยโปรไฟล์ development ที่ตั้งค่า...

คู่มือสำหรับการสร้างและเขียนโมดูลและวิวเนทีฟของ Expo โดยใช้ Expo Modules API (Swift, Kotlin, TypeScript) ครอบคลุม DSL สำหรับนิยามโมดูล, เนทีฟ…

สไตล์ Tailwind CSS v4 สากลสำหรับแอป Expo บน iOS, Android และ Web รวม Tailwind CSS v4 กับ react-native-css และ NativeWind v5 ผ่าน Metro transformer โดยไม่ต้องกำหนดค่า Babel มีไลบรารีคอมโพเนนต์ที่ห่อหุ้มด้วย CSS (View, Text, ScrollView, Pressable, TextInput, Image, Link) ที่ใช้สไตล์ className กับองค์ประกอบดั้งเดิม รองรับการจัดสไตล์เฉพาะแพลตฟอร์มผ่าน CSS media queries, ตัวแปรธีมที่กำหนดเองผ่านบล็อก @theme และความหมายของ Apple...

คำขอเครือข่าย การเรียก API และการดึงข้อมูลสำหรับแอป Expo พร้อมการแคช การจัดการข้อผิดพลาด และการรองรับแบบออฟไลน์ ครอบคลุม fetch API, React Query, รูปแบบการจัดการข้อผิดพลาด, การจัดการโทเค็นด้วย expo-secure-store และตรรกะการลองใหม่แบบ exponential backoff รวมถึงกลยุทธ์แบบออฟไลน์ก่อนโดยใช้ NetInfo และการคงสถานะของ React Query พร้อมการกำหนดค่าตัวแปรสภาพแวดล้อมด้วยคำนำหน้า EXPO_PUBLIC_ สำหรับ URL ฝั่งไคลเอ็นต์ รองรับตัวโหลดข้อมูล Expo Router (useLoaderData) สำหรับการโหลดข้อมูลระดับเส้นทางบน...

คำแนะนำที่มีโครงสร้างสำหรับการอัปเกรดเวอร์ชัน Expo SDK และแก้ไขข้อขัดแย้งของ dependencies ให้กระบวนการอัปเกรดแบบทีละขั้นตอน รวมถึงการวินิจฉัย การล้างแคช และเวิร์กโฟลว์ prebuild สำหรับการเปลี่ยนแปลงเนทีฟ ครอบคลุมการเปลี่ยนแปลงที่สำคัญใน SDK 53–55 รวมถึงการย้ายไปยัง React 19 ค่าเริ่มต้นของ New Architecture การตั้งค่า React Compiler และการอัปเดตโมดูลเนทีฟ (tabs, audio, video) รวมถึงแผนที่การเลิกใช้งานสำหรับแพ็กเกจเช่น expo-av, expo-permissions และ AsyncStorage พร้อมคำแนะนำในการเปลี่ยนทดแทน...

เรียกใช้ไลบรารีที่ทำงานบนเว็บเท่านั้นในแอป Expo โดยเรนเดอร์ในเว็บวิวบนเนทีฟและแบบเดิมบนเว็บ รองรับไลบรารี React เว็บใดๆ (recharts, react-syntax-highlighter, canvas, WebGL) โดยไม่ต้องแก้ไข โดยห่อหุ้มในไฟล์คอมโพเนนต์ DOM ด้วยคำสั่ง 'use dom'; ส่งผ่านพร็อพที่ซีเรียลไลซ์ได้และฟังก์ชันอะซิงก์จากเนทีฟไปยังเว็บวิว ทำให้เกิดการสื่อสารสองทิศทางระหว่างบริบทเนทีฟและเว็บ รวมถึงตัวเลือกการกำหนดค่าเว็บวิวผ่านพร็อพ dom: การควบคุมการเลื่อน, พื้นที่ปลอดภัย...