Để cài đặt và cấu hình môi trường phát triển React Native, bạn cần thực hiện một số bước sau. Hướng dẫn dưới đây là dành cho hệ điều hành macOS và Android, nhưng bạn có thể tìm hướng dẫn tương tự cho Windows nếu bạn đang sử dụng hệ điều hành đó.

Bước 1: Cài đặt Node.js và npm

React Native sử dụng Node.js và npm để quản lý các gói và dự án. Bạn có thể tải xuống và cài đặt Node.js từ trang web chính thức: https://nodejs.org/

Bước 2: Cài đặt Watchman (tuỳ chọn)

Watchman là một công cụ hữu ích cho việc theo dõi và tương tác với các tệp trong dự án React Native. Bạn có thể cài đặt Watchman bằng Homebrew trên macOS:

brew install watchman

Bước 3: Cài đặt Yarn (tuỳ chọn)

Yarn là một quản lý gói tùy chọn mà nhiều người dùng React Native thay vì npm. Bạn có thể cài đặt Yarn bằng npm:

npm install -g yarn

Bước 4: Cài đặt Xcode (đối với iOS phát triển)

Nếu bạn đang phát triển ứng dụng React Native cho iOS, bạn cần cài đặt Xcode từ App Store. Xcode đi kèm với iOS Simulator, một máy ảo để kiểm tra ứng dụng trên iOS.

Bước 5: Cài đặt Android Studio và Android SDK (đối với Android phát triển)

Nếu bạn đang phát triển cho Android, bạn cần cài đặt Android Studio và Android SDK. Android Studio có thể tải về từ trang web chính thức của Android: https://developer.android.com/studio

Sau khi cài đặt Android Studio, mở nó và cài đặt Android SDK thông qua Android Studio’s “SDK Manager.”

Bước 6: Cài đặt Watchman và JDK

brew install watchman

Và bạn cũng cần cài đặt Java Development Kit (JDK) 8 (phiên bản 8 được khuyến nghị cho React Native). Bạn có thể tải JDK từ trang web Oracle hoặc sử dụng OpenJDK.

Bước 7: Cài đặt React Native CLI

Cài đặt React Native Command Line Interface (CLI) bằng npm:

npm install -g react-native-cli

Bước 8: Tạo dự án React Native mới

Sau khi hoàn thành các bước trên, bạn có thể tạo một dự án React Native mới bằng lệnh sau:

react-native init MyReactNativeApp

Bước 9: Chạy ứng dụng React Native

Chuyển đến thư mục dự án:

cd MyReactNativeApp

Chạy ứng dụng trên máy ảo iOS hoặc Android (tùy chọn):

iOS:

react-native run-ios

Android

react-native run-android

Sau khi bạn đã hoàn thành các bước này, bạn sẽ đã cài đặt và cấu hình môi trường phát triển React Native và có thể bắt đầu phát triển ứng dụng của mình.

Nguyễn Tuấn Minh