home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

React Native คืออะไร

React Native เป็นเฟรมเวิร์กมือถือ (Mobile framework) จาวาสคริปต์โอเพนซอร์สจาก Facebook ที่ออกแบบมาเฉพาะสำหรับสร้าง native mobile apps สำหรับ iOS และ Android React Native พัฒนาจากไลบรารี ReactJS JavaScript ที่ช่วยสร้าง user interface สำหรับแพลตฟอร์มมือถือ

React Native สามารถนำไปใช้ภายในแอป iOS หรือ Android ที่มีอยู่แล้วได้โดยตรง หรือสร้าง native app ใหม่ตั้งแต่ต้น ปัจจุบัน React Native ถูกใช้กับแอปยอดนิยมอย่าง Facebook mobile app, Instagram, Pinterest, Skype ฯลฯ

คุณสมบัติสำคัญของ React Native ที่ทำให้เป็นเฟรมเวิร์กพัฒนาแอปมือถือยอดนิยม:

Cross Platform Support – ในการพัฒนาแอปมือถือ ไม่ต้องมีทีมเชี่ยวชาญ iOS และ Android programming แทนที่จะเป็น JavaScript developers ที่มีความ熱ใจสร้างแอป สามารถใช้ React Native สร้าง native apps โดยไม่ต้องเรียน Kotlin/Java สำหรับ Android และ Swift/Objective-C สำหรับ iOS สามารถเขียนโค้ดร่วมกันได้เพียงชุดเดียว และ React Native จะจัดการการแสดงผลบน iOS และ Android ให้

React Native Components – React Native มอบ native components เช่น View, Text, Image ที่จะถูกแปลงเป็น native UI ของ iOS หรือ Android

ตัวอย่างง่ายๆ ใช้ React Native แสดงข้อความ Hello World:

ตัวอย่าง

import React from 'react';
import { Text, View } from 'react-native';
const App = () => {
    return (
        
            Hello World
        
    );
}
export default App;

ผลลัพธ์

React Native คืออะไร

JSX – ReactJS สำหรับเว็บ React Native สำหรับโลก mobile app React Native ใช้ JSX คือ XML สำหรับเขียนโค้ดที่แทนที่ HTML และ CSS ข้อดีของ JSX:

  • เร็วกว่า เพราะทำ optimization ระหว่างคอมไพล์โค้ดเป็น JavaScript

  • Type-safe และจับข้อผิดพลาดส่วนใหญ่ระหว่างคอมไพล์ได้

  • เขียน template ง่ายและเร็วขึ้น หากคุ้นเคยกับ HTML

React Native App Build และ Testing – ง่ายมากในการ build app และ test การเปลี่ยนแปลงโดยไม่มีปัญหาการคอมไพล์ การเปลี่ยนแปลงพร้อมใช้งานทันทีเมื่อ save โค้ด

เกี่ยวกับ React Native Release – เวอร์ชันแรกของ React Native เปิดตัวโดย Facebook ในปี 2015 และอัปเดตดูแลมาตลอด ได้รับความนิยมมากหลังเปิดตัว เป็นหนึ่งใน top frameworks สำหรับ mobile app development ตามเว็บไซต์ทางการของ React Native ในปี 2018 React Native เป็นอันดับ 2 ของ contributors สูงสุดใน GitHub ปัจจุบัน React Native ได้รับการสนับสนุนจาก contributions ของบุคคลและบริษัททั่วโลก รวมถึง Callstack, Expo, Infinite Red, Microsoft และ Software Mansion ชุมชน Facebook active มาก อัปเดตโปรเจกต์สม่ำเสมอพร้อม features ใหม่ข้ามแพลตฟอร์ม