แอปแรกใน React Native

ที่นี่ฉันจะให้ห้องสมุดและเครื่องมือที่เป็นประโยชน์ซึ่งฉันใช้ในแอพของฉัน

• เมื่อเราจะเริ่มต้นสำหรับการตอบสนองการพัฒนาแอพพลิเคพื้นเมืองแล้วครั้งแรกที่เราต้องตัดสินใจสำหรับสภาพแวดล้อมการทำงานเช่นExpoหรือCLI
• มาเริ่มกันที่ CLI…
  - ในแอพของฉัน ฉันใช้ CLI และฉันชอบ CLI เพราะในงานมหกรรมอาจมีข้อ จำกัด บางประการสำหรับไลบรารีและส่วนอื่น ๆ ที่ติดขัด
  - สำหรับ iOS จำเป็นต้องตั้งค่า Xcode และสำหรับ Android ต้องใช้ Android Studio
  - อ้างอิง :https://reactnative.dev/docs/environment-setup
• จากนั้นเราต้องตัดสินใจเลือกเครื่องมือในการพัฒนา (IDE) เรามีตัวเลือกมากมายเหมือนกัน แต่ฉันชอบVisual Studio Code มากกว่าเพราะมันเป็นเครื่องมือที่เบามากสำหรับการพัฒนาแอปพลิเคชัน
• โครงสร้างโครงการ:
  เป็นส่วนที่สำคัญที่สุดสำหรับการพัฒนาซอฟต์แวร์ใดๆ เรามีโครงการและโครงสร้างไดเรกทอรีมากมายทั่วโลก ดังนั้นให้ใช้โครงสร้างที่เข้าใจง่ายที่สุด ซึ่งจะเป็นประโยชน์สำหรับการระบุจุดบกพร่องและการพัฒนาที่ง่าย (การบำรุงรักษาและการเข้าถึง)
• การจัดการสถานะ:สำหรับการตอบสนองแบบเนทีฟ คำตอบที่ง่ายที่สุดคือReduxและง่ายต่อการใช้งานและการจัดการสถานะ

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

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

• การนำทาง:ในเวลาพัฒนา ฉันติดอยู่ในระดับหนึ่งกับกระบวนการนำทาง
• เพราะใน react native เรามีแพ็คเกจหลายแพ็คเกจสำหรับการนำทาง แต่จากนั้นบางอันก็มีประโยชน์และบางอันก็ไม่มีประโยชน์
  - ดังนั้นเราต้องตัดสินใจว่าอันไหนดีที่สุดตามความต้องการของแอพของเรา
  - ดังนั้น ฉันจึงใช้React-Navigationสำหรับโฟลว์การนำทาง
  -https://reactnavigation.org/docs/getting-started
• บริการ API:หากเรามีการเรียกบริการเว็บ 2 หรือ 3 ครั้งมากกว่าที่ฉันต้องการสำหรับการดึงข้อมูลเป็นตัวเลือกที่ดีที่สุด
  - แต่ถ้าเรามีมากกว่านั้น ฉันชอบเลือกAxios . Axios ให้โครงสร้างการตอบสนองที่ดีที่สุดและการจัดการข้อผิดพลาด เพื่อให้เราสามารถระบุการตอบสนองและข้อผิดพลาดได้อย่างง่ายดาย
• การรับรองความถูกต้องทางสังคม:
  ในแอพของฉันฉันได้ใช้งาน:

เข้าสู่ระบบเฟสบุ๊ค :

ลงชื่อเข้าใช้ Apple :

• ดรอปดาวน์:
  เมื่อคุณมองหาแพ็คเกจดรอปดาวน์ในภาษาเนทีฟแบบโต้ตอบ คุณจะได้รับแพ็คเกจมากมายสำหรับสิ่งนั้น
  แต่ฉันชอบอันนี้มากกว่า เพราะมันใช้งานง่ายและปรับแต่งได้อีกมากมาย
  (เพียงแค่ต้องค้นคว้าปัญหา zIndex คุณจะแก้ไขด้วยการเพิ่ม View wrapper)
• หมายเลขโทรศัพท์พร้อมประเทศ:
  สำหรับการเลือกประเทศ เพียงเพิ่มส่วนประกอบนี้ใกล้กับช่องป้อนข้อความโทรศัพท์ ใช้งานง่ายและปรับแต่งได้
• การสแกนรหัส QR:
  ฉันเพิ่งปรับแต่ง lib นี้สำหรับการสแกนรหัส QR แบบเต็มหน้าจอ
• บริการตำแหน่ง:
  นี่คือการรับตำแหน่งของผู้ใช้:

• การแจ้งเตือนแบบพุช:
  คุณเพียงแค่ต้องกำหนดค่าการแจ้งเตือนของ Firebase และ Apple
• แผนภูมิ:
  ฉันใช้แผนภูมิวงกลมเพื่อแสดงข้อมูลบางส่วน
• ที่เก็บข้อมูลในเครื่อง:
• แปลงสกุลเงิน:
• ตัวเลือกรูปภาพ:
• ตัวเลือกวันที่เวลา:
• อัปโหลดไฟล์ไปยังเซิร์ฟเวอร์ S3:
• หน้าจอสแปลชที่กำหนดเอง:
• ปัดเซลล์ FlatList ด้วยปุ่ม:

การกระโดดจะช่วยแอปของคุณ!!!
ขอบคุณ.
มีความสุขในการเข้ารหัส :)