React native ma nguon mo

REACT NATIVE


React
Native
0

Tổng1
quan về
React Native

04

Kiến trúc dùng
trong React Native

02

Cross – Platfrom
Framework

05

Cấu trúc của một
ứng dụng React Native

03

Ngôn ngữ dùng
trong React Native

06

Ưu và nhược điểm
của React Native


1Tổng

quan

React Native là một framework mã nguồn mở được phát
triển bởi Facebook. React Native dùng Javascript, ngồi ra
nó cịn dùng kiến trúc Flux với luồng dữ liệu một chiều


2

Cross – Platfrom
Framework

Cross-Platfrom Famework giúp
chúng ta tiết kiệm thời gian
bằng việc chỉ cần viết một ứng
dụng chạy trên hai nền tảng
android và iOS, rồi framework
sẽ compile ở runtime tạo native
app ứng với mỗi hệ điều hành.


3

Ngơn ngữ
ReactNative sử dụng
Javascript, chính xác hơn là
ES6. ES6 là chữ viết tắt của
ECMAScript 6, là một tập hợp
các kỹ thuật nâng cao của
Javascript. Các framework
dùng Javascript như React
Native đều dựa vào chuẩn
mực này mà phát triển


4

Kiến
trúc

Kiến trúc bên trong React Native
Với ứng dụng đi động, UI cần thời gian
đáp ứng ngắn. React Native đảm bảo
điều này bằng cách tách view ra khỏi
javascript code. View luôn được cập
nhật nhanh nhất có thể sang native
view. Phần javascript code thì được
chạy trong máy ảo Javascript Core.


Kiến
4

trúc
React Native dùng kiến
trúc Redux

Kiến trúc Redux áp dụng luồng dữ
liệu một chiều của kiến trúc Flux, kết
hợp với kiến trúc Elm chuyên xử lý
trạng thái của ứng dụng


4

Kiến
trúc
React Native dùng kiến
trúc Redux
3 nguyên tắc của Redux
- Single source of truth
- State is read – only
- Changes are made with
pure functions


5

Cấu
trúc

Props, state

Có 2 loại dữ liệu điều khiển component:
State là một loại dữ liệu khả biến dùng để lưu trạng
thái của component
Props là một kiểu dữ liệu bất biến dùng để truyền dữ
liệu giữa các component, giúp tạo kết nối giữa container
component và presentation component.


5

Cấu
trúc

Component

Có 2 loại component:
Functional component
(stateless component)
Class component (stateful
component)


5

Cấu
trúc
Vòng đời của ứng dụng React Native


Ưu

và
nhược
6
điểm
Ưu điểm
Tiết kiệm thời
Hiệu suất cao Cộng đồng
gian
mạnh mẽ

Built-in
componet

Tiết kiệm chi Ứng dụng đáng
phí, nhân lực tin cậy, ổn định


Ưu
và
nhược
6
điểm
Nhược điểm
Javascript
Hiệu
suất
có
thể
Số lượng built-in Vẫn cần dùng
Bảo mật khơng

khơng phù hợp
kém
hơn
component ít Native code
tốt
với tính tốn
chun sâu