react native tutorial

Yakitty: แอพแชทสำหรับทุกคน bit.ly/yakitty

นี่คืออะไร?

จามรี (คำกริยา): พูดคุยอย่างต่อเนื่อง นอกจากนี้วัวที่มีผมยาวหรือวัวขนาดใหญ่?

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

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

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

สิ่งแรกก่อน

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

เรากำลังสร้างอะไร?

เราจะสร้างแอพ Android หรือ iOS ด้วยมือหมีของเรา -

เราจะเรียนรู้อะไร

เราจะใช้ห้องสมุดที่มีชื่อเสียงเช่น React เพื่อเป็นนักพัฒนาที่มีชื่อเสียง นอกจากนี้เรายังเรียนรู้วิธีการรวม API ของบุคคลที่สามและจัดระเบียบ codebase ของเราเกี่ยวกับวิธีการที่ช่างฝีมือหลักทำ

React Native คืออะไร?

React Native เป็นเฟรมเวิร์กที่สร้างขึ้นบน React สำหรับการสร้างแอพมือถือดั้งเดิมโดยใช้ JavaScript Native หมายถึงแอพของคุณจะมีลักษณะและรู้สึกเหมือนแอพจริงใด ๆ ที่เขียนใน Java หรือ Objective-C ซึ่งเป็นภาษาสำหรับการพัฒนาแอพ Android และ iOS

สิ่งนี้แตกต่างจากเครื่องมือเช่น PhoneGap หรือ Ionic ซึ่งสร้างแอพที่ทำงานใน "Web View" ของโทรศัพท์ (หรือเบราว์เซอร์) แต่ มัน คล้ายกับเฟรมเวิร์กเช่น Nativescript หรือ Flutter

สิ่งที่คุณต้องการ

คุณข้ามหน้าข้อกำหนดหรือไม่? นี่คือเวอร์ชัน CliffsNotes:

• คอมพิวเตอร์ (Windows, Mac หรือ Linux)
• ตัวแก้ไขรหัสเช่น Visual Studio Code หรือ Sublime Text
• หากคุณอยู่ใน Windows ฉันขอแนะนำให้รับ CMDER Console Emulator
• โหนดและงานแสดงสินค้า
• โทรศัพท์ Android (4.4+) หรือ iPhone (iOS 9+) พร้อมแอพ Expo Client ที่ติดตั้ง

ฉันจะให้รหัส QR เหล่านี้เพื่อความสะดวกของคุณดังนั้นคุณจึงไม่ต้องค้นหาแอพใน Play Store/App Store เพียงชี้กล้องของคุณและดาวน์โหลดแอพ:

งานแสดงสินค้าสำหรับ Android	งานแสดงสินค้าสำหรับ iOS

โมดูล

• ความต้องการ
• อินโทรเพื่อตอบสนองพื้นเมือง
• การสร้างส่วนประกอบ
• การใช้รัฐและบูรณาการห้องสมุดบุคคลที่สาม (moment.js)
• การรวม API ของบุคคลที่สาม (Chatkit)
• เผยแพร่ไปยัง Play Store/App Store (TODO)
• สนับสนุนภาษาอื่นที่ไม่ใช่ภาษาอังกฤษ (TODO)
• การบูรณาการห้องสมุดเลย์เอาต์เช่น yogalayout.com (TODO)
• ทรัพยากร

มีคำขอหรือไม่? แจ้งให้เราทราบ bit.ly/yakitty-feedback

เนื้อหานี้ได้รับใบอนุญาตภายใต้ใบอนุญาต Creative Commons Attribution-Shareike 4.0 International (CC BY-SA 4.0)