"react Native" ไม่ใช่แอปเนทีฟ โปรแกรมที่เขียนโดย "react Native" ได้รับการคอมไพล์โดย Android Studio ก่อนที่จะกลายเป็นแอปเนทีฟ รูปแบบการพัฒนาของแอปเนทิฟนั้นเขียนโดยใช้ไวยากรณ์ jsx ของ react และ "react Native" คือ มือถือข้ามแพลตฟอร์ม เฟรมเวิร์กการพัฒนาแอปพลิเคชันเป็นอนุพันธ์ของเฟรมเวิร์ก JS โอเพ่นซอร์สรุ่นก่อนหน้าของ Facebook React บนแพลตฟอร์มแอปพลิเคชันมือถือดั้งเดิม โดยรองรับสองแพลตฟอร์มหลักคือ iOS และ Android
สภาพแวดล้อมการทำงานของบทช่วยสอนนี้: ระบบ Windows 10, รีแอคเวอร์ชัน 17.0.1, คอมพิวเตอร์ Dell G3
โปรแกรมที่เขียนโดย React Native จะกลายเป็นแอปเนทีฟหลังจากถูกคอมไพล์โดย Android Studio โหมดการพัฒนาของมันถูกเขียนโดยใช้ไวยากรณ์ jsx ของ react โดยเฉพาะเช่นการเขียนส่วนหน้า การเขียนโครงสร้างหน้า/การเขียน js/การเขียนไวยากรณ์ที่คล้ายกับ css แต่ไม่ใช่ css สิ่งเหล่านี้สามารถแสดงผลเป็นองค์ประกอบของหน้าเขียนได้
React Native (เรียกสั้น ๆ ว่า RN) เป็นเฟรมเวิร์กการพัฒนาแอปพลิเคชันมือถือข้ามแพลตฟอร์มที่ดำเนินการโดย Facebook ในเดือนเมษายน 2558 ซึ่งเป็นอนุพันธ์ของเฟรมเวิร์ก JS โอเพ่นซอร์สรุ่นก่อนหน้าของ Facebook React บนแพลตฟอร์มแอปพลิเคชันมือถือแบบเนทีฟ โดยรองรับแพลตฟอร์มหลักสองแพลตฟอร์มของ iOS และ Android RN ใช้ภาษา Javascript, JSX คล้ายกับ HTML และ CSS เพื่อพัฒนาแอปพลิเคชันบนมือถือ ดังนั้นช่างเทคนิคที่คุ้นเคยกับการพัฒนาส่วนหน้าของเว็บสามารถเข้าสู่สาขาการพัฒนาแอปพลิเคชันบนมือถือโดยอาศัยการเรียนรู้เพียงเล็กน้อย
ขยายความรู้ของคุณ:
JSX เป็นรูปแบบที่รวม Javascript และ XML ตอบสนอง JSX ที่ประดิษฐ์ขึ้น โดยใช้ไวยากรณ์ HTML เพื่อสร้าง DOM เสมือน เมื่อพบ < JSX จะถูกแยกวิเคราะห์เป็น HTML และเมื่อพบ { มันจะถูกแยกวิเคราะห์เป็น JavaScript
โปรแกรมที่เขียนโดย React Native จะกลายเป็นแอปเนทีฟหลังจากถูกคอมไพล์โดย Android Studio โหมดการพัฒนาของมันถูกเขียนโดยใช้ไวยากรณ์ jsx ของ react โดยเฉพาะเช่นการเขียนส่วนหน้า การเขียนโครงสร้างหน้า/การเขียน js/การเขียนไวยากรณ์ที่คล้ายกับ css แต่ไม่ใช่ css สิ่งเหล่านี้สามารถแสดงผลเป็นองค์ประกอบของหน้าเขียนได้
React Native ยังเล่นกับส่วนประกอบต่างๆ ในสภาพแวดล้อมของโหนดและ npm คุณสามารถสร้างโปรเจ็กต์เนทีฟแบบโต้ตอบได้ด้วย react Native เป็นโปรแกรมแบบเนทีฟและไม่ต้องใช้ web pack แต่การกำหนดค่าสภาพแวดล้อม jdk และ andoird และการดาวน์โหลดทรัพยากรที่เกี่ยวข้อง/การใช้เครื่องมือบูรณาการที่เกี่ยวข้องนั้นเป็นสิ่งที่ขาดไม่ได้
โครงสร้างพื้นฐานและไวยากรณ์ของรีแอคทีฟเนทิฟ
ดัชนี js
แอพ.js
//โดยทั่วไป สิ่งที่เขียนใน app.js คือเส้นทางระดับบนสุด คุณสามารถออกแบบเส้นทางระดับบนสุดได้ที่นี่ ดังนั้นส่วนประกอบนี้จะแสดงผลตั้งแต่เริ่มต้น ตามด้วยการแนะนำและการใช้ส่วนประกอบย่อยแต่ละส่วนก่อนจะแนะนำทรัพยากรที่ตอบสนอง หรือแนะนำส่วนประกอบของตัวเองผ่านคลาสส่งออกเริ่มต้น ตัวสร้าง ฟังก์ชันสมาชิก และฟังก์ชันการเรนเดอร์ นอกจากนี้ยังมีออบเจ็กต์ StyleSheet ในรีซอร์สเนทีฟแบบโต้ตอบอีกด้วย
มีสถานะในตัวสร้าง สถานะนี้เรียกว่าสถานะและใช้เพื่อจัดการสถานะของส่วนประกอบ ที่นี่ คุณลักษณะของสถานะจะถูกตั้งค่าไว้ในสถานะ และการดำเนินการที่ยืดหยุ่นจำนวนมากสามารถดำเนินการได้ผ่านคุณลักษณะของสถานะ ฟังก์ชั่นสมาชิกสามารถดำเนินการกับคุณสมบัติสถานะเหล่านี้ที่ตั้งไว้ในตัวสร้าง ฟังก์ชันการเรนเดอร์ถูกเรนเดอร์ ในฟังก์ชันนี้ คุณสามารถอ้างอิงส่วนประกอบของทรัพยากรที่นำเข้าและเขียนส่วนประกอบที่ใหญ่กว่าได้ นี่คือวิธีที่คอมโพเนนต์เนทีฟที่มีปฏิกิริยาคร่าวๆ ดำเนินธุรกิจให้สมบูรณ์ สามารถเขียนโค้ดได้ตามความต้องการของคุณและตามไวยากรณ์ของเอกสารราชการ