React Native được cách tân và phát triển bởi Facebook cùng với mục đính ban sơ là vận dụng vào social lớn tốt nhất hành tinh: Facebook.Do đặc tính technology của mạng làng mạc hội, Facebook đề xuất phải tạo ra nền tảng cải tiến và phát triển ứng dụng cầm tay đa gốc rễ có hiệu năng không thua trận kém so với ứng dụng được vạc triển tự do cho từng nền tảng.React Native lúc này chỉ cung ứng phát triển ứng dụng di cồn hệ quản lý và điều hành Android và iOS, thấp hơn so cùng với Ionic (Android, iOS, Windows Phone).
React Native chấp thuận trở thành mã mối cung cấp mở trong tháng 3 năm 2015. Cho đến nay, React Native được áp dụng trong không ít ứng dụng của ta và cả nước ngoài
React Native có gì hay?React Native tạo thành ứng dụng native chứ không hẳn hybrid tiện ích như ionic,...Với 100% Native UI, React Native làm cho sự “mượt mà” trong vấn đề render UI cùng xóa nhòa khoảng cách về tính năng giữa áp dụng đa căn cơ so với ứng dụng hòa bình nền tảng.
Và bây giờ, họ sẽ thử xây dựn một app dễ dàng và đơn giản bằng React Native
Cài đặtYêu cầu
Mac OS X (để biên dịch iOS), ví như chỉ biên dịch android thì có thể sử dụng Window hoặc LinuxXCode 7.0+Android StudioJDK 1.8Node.js 4.0+Khác:Watchman (để view error)FlowTiến trình tải đặt
Bước 1: thiết lập react native cli dùng để làm thao tác command line
Bước 2: Khởi chế tạo project
Bước 3: Chạy ứng dụng
Với iOS:
iOS Project:
Màn hình Xcode emulator sau khoản thời gian run project
Android Project:
Màn hình app android emulator sau khi run project
Bây giờ, ta đã thử build một ứng dụng với content là một slider. Ở đây ta sẽ áp dụng thư viện "react-native-carousel"Và đấy là thành trái của bọn họ (mình không Style cần nhìn tương đối xấu
iOS:
Android:
Đây là nội dung code của project. Nội dung của app android và game ios đều như nhau nhau :
import React, Component from "react";import AppRegistry,StyleSheet,Text,View,Image from "react-native";var Carousel = require("react-native-carousel");export mặc định class demo01 extends Component render() return();const styles = StyleSheet.create(container: width: 375,flex: 1,justifyContent: "center",alignItems: "center",backgroundColor: "transparent");AppRegistry.registerComponent("demo01", () => demo01);Lời kếtVới 47.000 Repo, rộng 4 triệu dòng code cùng 165.000 commit bên trên Github đã nói lên sức nóng của React Native.
Bạn đang xem: React native là gì? tổng quan ưu nhược điểm về react native
Xem thêm: Bài Tập Tìm Lỗi Sai Tiếng Anh Có Đáp Án ), Bài Tập Sửa Lỗi Sai Tiếng Anh Lớp 8
Với phương châm “Học một lần sử dụng mọi nơi”, React Native với React JS sẽ là bộ đôi lý tưởng đến lập trình viên fullstack. Đừng do dự gì nữa, Javascript đã là mảnh đất phì nhiêu màu mỡ chờ bạn khai thác với những technology thời thượng, sẽ là một thực tế đã với đang đúng!