tạo ứng dụng đầu tiên với phản ứng gốc

Giới thiệu

React Native là một khung JavaScript để xây dựng các ứng dụng dành cho thiết bị di động chạy trên thiết bị iOS và Android. Nó sử dụng thiết kế giống như React, cho phép các nhà phát triển xây dựng ứng dụng di động bằng cấu trúc dựa trên thành phần quen thuộc. React Native sử dụng các thành phần gốc, có nghĩa là ứng dụng sẽ có giao diện tự nhiên hơn và sẽ hoạt động tốt hơn một ứng dụng hoàn toàn dựa trên web. Ngoài ra, React Native cho phép tái sử dụng mã giữa iOS và Android, giúp quá trình phát triển nhanh hơn và hiệu quả hơn.

Thiết lập môi trường phát triển

Chạy lệnh sau để tạo một dự án React Native mới có tên là “myApp”:

npx create-expo-app myApp

cd myApp
npx expo start

Kết nối với cùng một mạng không dây với PC của bạn và tải xuống ứng dụng Expo Go trên thiết bị iOS hoặc Android của bạn. Sử dụng ứng dụng Expo Go dành cho Android để mở dự án của bạn bằng cách quét mã QR từ thiết bị đầu cuối của bạn. Sử dụng trình quét mã QR tích hợp sẵn trong ứng dụng Máy ảnh trên iOS của bạn.

Sửa đổi ứng dụng của bạn

Hãy sửa đổi ứng dụng ngay bây giờ khi bạn đã thực hiện thành công nó. Chỉnh sửa một số dòng trong trình soạn thảo văn bản bạn đã chọn bằng cách mở App.tsx. Khi bạn lưu các sửa đổi của mình, ứng dụng sẽ tự động làm mới.

Và thì đấy!

Chúc mừng! Bạn đã chạy và sửa đổi thành công ứng dụng React Native đầu tiên của mình.

Để biết thêm chi tiết, bạn có thể kiểm tra tài liệu React Native tại đây .

Chạy nó trên web.

Trước khi bạn có thể khởi chạy ứng dụng của mình trên web, trước tiên bạn phải cài đặt Expo Globally bằng cách chạy lệnh này.

npm i -g expo-cli

npm run web

Bạn chỉ nên cài đặt một số phụ thuộc khác bằng dòng lệnh này:

npx expo install react-native-web@~0.18.9 [email protected] @expo/webpack-config@^0.17.2

Phần kết luận

Tóm lại, React Native là một framework mạnh mẽ và linh hoạt để xây dựng các ứng dụng di động chạy trên cả iOS và Android.

Bằng cách sử dụng các nguyên tắc thiết kế giống như React, các nhà phát triển có thể nhanh chóng và dễ dàng tạo ứng dụng dành cho thiết bị di động bằng cách sử dụng cấu trúc dựa trên thành phần quen thuộc.

Với khả năng sử dụng các thành phần gốc, ứng dụng sẽ có giao diện gốc hơn và hoạt động tốt hơn so với một ứng dụng hoàn toàn dựa trên web.

Ngoài ra, việc sử dụng lại mã giữa iOS và Android giúp quá trình phát triển nhanh hơn và hiệu quả hơn. Với nhiều lợi ích của nó, không có gì ngạc nhiên khi React Native đang trở thành một lựa chọn phổ biến để phát triển ứng dụng di động.