React Native: Learn & Practice

เรียนรู้ React Native ผ่านคำอธิบายสั้นๆ ตัวอย่างโค้ดที่ใช้งานได้จริง และแบบฝึกหัดเล็กๆ น้อยๆ สำรวจ 148 บทเรียนใน 10 โมดูล เปิดตัวอย่างในพื้นที่ทดลองเขียนโค้ด และเปลี่ยนแปลงเพื่อทำความเข้าใจวิธีการทำงานของอินเทอร์เฟซ

เส้นทางที่ชัดเจนจากพื้นฐานสู่การปฏิบัติ

เริ่มต้นด้วยข้อความ มุมมอง ตัวแปร คอมโพเนนต์ รูปภาพ และสไตล์ ต่อด้วยเลย์เอาต์ Flexbox ฟอร์ม การป้อนข้อความ ปุ่ม การโต้ตอบแบบสัมผัส การเลื่อน และรายการ โมดูลต่อๆ ไปจะแนะนำ hooks คอมโพเนนต์ที่นำกลับมาใช้ใหม่ได้ การจัดการสถานะ แนวคิดด้านประสิทธิภาพ เลย์เอาต์ที่ตอบสนองต่ออุปกรณ์ต่างๆ และโครงการฝึกหัด

อ่านแนวคิดก่อนแก้ไข

แต่ละบทเรียนรวบรวมวัตถุประสงค์ ภาพรวมภาษาที่เข้าใจง่าย แนวคิดหลัก โค้ด เคล็ดลับที่ใช้งานได้จริง แบบฝึกหัดเล็กๆ น้อยๆ และคำถามสำหรับการทบทวนตนเอง ดูตัวอย่างควบคู่ไปกับคำอธิบาย จากนั้นเปิดเวอร์ชันที่แก้ไขได้เมื่อคุณพร้อมที่จะทดลอง ป้ายกำกับระดับเริ่มต้น ระดับกลาง และระดับฝึกหัดจะช่วยให้คุณเข้าใจว่าแต่ละหัวข้ออยู่ในระดับใดของหลักสูตร

ลองเปลี่ยนแปลงด้วยตนเอง

ใช้ตัวแก้ไข JavaScript และ JSX ในตัวเพื่อปรับข้อความ ค่า สไตล์ และพฤติกรรมของคอมโพเนนต์ การเน้นไวยากรณ์และหมายเลขบรรทัดช่วยให้เข้าใจตัวอย่างได้ง่ายขึ้น ฟังก์ชันเลิกทำและทำซ้ำช่วยให้คุณสำรวจการเปลี่ยนแปลง ในขณะที่รีเซ็ตโค้ดจะคืนค่าตัวอย่างเริ่มต้น แตะเรียกใช้แอปเพื่อเปิดการแสดงตัวอย่างในแอป จากนั้นกลับไปที่การแก้ไขเพื่อลองอีกครั้ง

สำรวจรูปแบบที่มีประโยชน์

ศึกษาการป้อนข้อมูลแบบควบคุม การตรวจสอบความถูกต้องของแบบฟอร์ม การมองเห็นรหัสผ่าน ตัวนับอักขระ การกรองรายการ รายการที่เลือกได้ และสถานะว่าง ฝึกฝนการใช้ตัวนับ ตัวจับเวลา นาฬิกาแบบเรียลไทม์ ตัวแปลงอุณหภูมิ เครื่องคำนวณทิป การ์ด แอคคอร์เดียน แท็บแบบง่าย และรายการสิ่งที่ต้องทำขนาดเล็ก เหล่านี้คือตัวอย่างการเรียนรู้ที่ช่วยให้คุณตรวจสอบว่าชิ้นส่วนเล็กๆ ของอินเทอร์เฟซประกอบเข้าด้วยกันอย่างไร

ค้นหาบทเรียนที่คุณต้องการ

ค้นหาจากชื่อบทเรียนหรือจำกัดคลังบทเรียนตามโมดูล สลับระหว่างบทเรียนทั้งหมด บทเรียนที่กำลังดำเนินการ บทเรียนที่บันทึกไว้เป็นรายการโปรด และบทเรียนที่เสร็จสมบูรณ์ ใช้ปุ่มควบคุมก่อนหน้าและถัดไป หรือปัดเพื่อสลับระหว่างบทเรียน เมื่อคุณเปิดบทเรียนจากคลังบทเรียนที่กรองแล้ว การนำทางจะติดตามการเลือกนั้น เพื่อให้คุณสามารถติดตามหัวข้อที่คุณเลือกได้

ติดตามการเรียนรู้ของคุณ

คั่นหน้าบทเรียนเพื่อทบทวนและทำเครื่องหมายว่าเสร็จสมบูรณ์เมื่อคุณพร้อม หน้าจอหลักแสดงความคืบหน้าของหลักสูตร จำนวนบทเรียนที่เสร็จสมบูรณ์และบันทึกไว้ และสถิติการเรียนรู้ต่อเนื่อง กลับไปเรียนบทเรียนสุดท้ายหรือเรียนต่อในหัวข้อที่ยังไม่เสร็จ ความคืบหน้าและบุ๊กมาร์กจะถูกบันทึกไว้ในอุปกรณ์ของคุณ

กลับไปที่การทดลองของคุณ

การเรียกใช้ตัวอย่างจะบันทึกโค้ดเป็นฉบับร่างในเครื่องสำหรับบทเรียนนั้น เปิด Playground อีกครั้งเพื่อเรียกคืนฉบับร่าง หรือรีเซ็ตเพื่อกลับไปยังโค้ดเดิม วิธีนี้ช่วยให้กลับมาทบทวนแนวคิดได้ง่ายขึ้นหลังจากหยุดพักโดยไม่ต้องเปลี่ยนเนื้อหาเริ่มต้น

เลือกรูปลักษณ์ที่สะดวกสบาย

เลือกโหมดสว่าง โหมดมืด หรือธีมของระบบสำหรับอินเทอร์เฟซการเรียนรู้ อ่านแนวคิด ตรวจสอบโค้ด ทำการเปลี่ยนแปลงที่เน้นเฉพาะจุด และใช้ความท้าทายเพื่อฝึกฝนการนำไปใช้

ออกแบบมาสำหรับนักเรียน ผู้เริ่มต้นที่สนใจการเขียนโค้ด และนักพัฒนาที่กำลังทบทวนแนวคิดอินเทอร์เฟซบนมือถือ ตัวอย่างจะทำงานในโหมดแสดงตัวอย่างบนเว็บ API และพฤติกรรมเฉพาะแพลตฟอร์มอาจแตกต่างจากแอปเนทีฟ แอปนี้มีโฆษณา แอปเพื่อการศึกษาอิสระ ไม่เกี่ยวข้องหรือได้รับการรับรองจากโครงการ React Native