Chỉ với 1 lần viết code nhưng phát triển được ứng dụng di động native cho cả 2 nền tảng thông dụng nhất hiện nay: Android và iOS .
React native là gì?
React Native là gì, giúp chúng ta được gì!? React Native là một nền tảng phát triển ứng dụng di động dựa vào Javascript và ReactJS. Đơn giản là vậy. Nó được thiết kế giống với ReactJS và cho phép bạn tạo ra các giao diện người dùng sử dụng declarative components.
React Native được phát triển bởi Facebook năm 2015 và nhận được rất nhiều sự quan tâm và đóng góp của cộng đồng Javascript. Hiện nay, framwork React Native đã và đang được tin tưởng bởi những công ty lớn phát triển các sản phẩm của họ như: Skype, Pinteres, Instagram, Tesla, Walmart, Baidu, SoundClound, Uber, vv…
Làm thế nào để bắt đầu học lập trình React Native?
Nhu cần cần phát triển ứng dụng di động rất nhiều và developer cũng rất đa dạng với kiến thức nền tảng khác nhau.
Nếu bạn là một Mobile developer
Bạn đã quen với mobile native, navigation, stack, UI thread, bạn chỉ cần tìm hiển thêm phần thiếu là Javascript và ES6, ReactJS và cách làm việc với API và state management của Web developement.
Nếu bạn là một Web developer
Chắc chắn bạn phải biết về Javascript, nếu chưa có nhiều kinh nghiệm hãy bổ sung thêm kiến thức về nó đặt biệt là ES6, nếu không bạn hãy dừng lại.
Nếu chưa quen thuộc với ReactJS, bạn hãy tìm hiểu ngay về ReactJS rồi hãy bắt đầu nhé.
Cài đặt những công cụ cần thiết
Nếu là một Developer, chắc chắn bạn phải cần có git. Bạn cần phải có cài đặt Node JS (version 8+), nếu chưa có bạn có thể tải và làm theo hướng dẫn ở đây và npm. Có bạn sẽ tự hỏi có cần yarn không!? việc này tùy ở bạn, yarn không phải là bắt buộc.
Bạn cần cài thêm các máy ảo (Simulator cho iOS và Emulator cho Android) để phục vụ cho việc debug ứng dụng hoặc có thể dùng luôn điện thoại di động mình của mình cũng được.
Vậy bắt đầu lập trình React Native như thế nào?
Có 2 cách bắt đầu với, nếu bạn quen thuộc với mobile development, bạn đã có Xcode và Android Studio. Bạn nên bắt đầu với Create React Native App.
Một cách khác đơn giản hơn, bạn có thể bắt đầu với Expo mà không cần thêm bất kỳ cài đặt nào khác như Xcode hoặc Android Studio.
Để bắt đầu, bạn chỉ cần cài đặt Expo CLI:
npm install –g expo-cli
Sau khi cài đặt expo-cli xong, bạn có thể kiểm tra expo có trong bash command hay chưa bằng cách: expo –version, nếu có kết quả thì xem như cài đặt thành công.
Để khởi tạo, bạn chỉ cần chạy lệnh:
expo init AwesomeProject
AwesomeProject là tên ứng dụng của bạn, expo init sẽ khỏi tạo folders, files và setting cần thiết.
Khi chạy lệnh này, bạn có 2 sự lựa chọn:
- blank: lựa chọn đơn giản nhất với ít packages nhất và 1 component duy nhất.
- tabs: lựa chọn phức tạp hơn với một số màn hình và template mẫu
Mình hãy lựa chọn blank nhé. Sau khi cài đặt thành công, bạn có thể nhanh chóng khỏi tạo một ứng dụng bằng Expo CLI command:
Sau lệnh này bạn sẽ có được folder.
Sau đó, bạn chỉ cần chạy lệnh:
expo start
Bạn đã có một ứng dụng đơn giản nhất ở chế độ developement và một giao diện web (Metro Bundle) để quản lý, tương tác với Expo.
Với giao diện này, bạn có thể scan QR code và chạy ứng dụng trên điện thoại của mình. Trên điện thoại của bạn nhớ cài Expo client vào nhé Apple store hoặc Google play.
Bạn có thể dễ dàng chia sẽ với với các thành viên khác trong nhóm của mình để chạy ứng dụng, trải nghiệm hoặc giúp bạn kiểm tra nhanh để phát hiện ra vấn đề sớm hơn. (Chú ý với thiết bị iOS, bạn phải tạo ra 1 tài khoản chung và các bạn khác trong nhóm cùng sử dụng 1 tài khoản.)
Trên đây là một phần hướng dẫn nhỏ về cách học React Native, nếu bạn muốn am hiểu kiến thức chi tiết hơn thì có thể tham gia khóa học do Tự Học Lập Trình cung cấp tại đây!
