Lập trình ứng dụng mobile bằng React Native

Không cần học Objective C, chẳng cần biết lập trình Java, chỉ cần biết code JS, CSS và HTML là làm được app mobile ngon choét. Cùng 1 code sinh ra được app chạy ngon cả trên điện thoại Android (file APK) và trên điện thoại iOS (file IPA)

Dùng React Native để code nhé. Có thằng Ionic cũng khá phổ biến code trên nền Angluar nhưng performance không bằng React Native. Bạn biết không app Facebook Messenger được viết bằng React Native đấy. Thế nên mạnh dạn mà học code React Native nhé. Học xong cố gắng code được cái app bằng nửa Facebook Messenger là ngon rồi =))

Ok, nghe hấp dẫn đấy. Vậy bắt đầu với React Native thế nào nhỉ? Không cần google đâu vì mình đã google giúp bạn rồi, vào đây để bắt đầu văn ôn võ luyện nhé: https://facebook.github.io/react-native/docs/getting-started.html

Tóm tắt chung chung nhất cho bạn các bước để chiến React native từ kinh nghiệm của mình nhé: (à chú ý là mình nghèo ko có máy Mac, nên code trên Windows 10 và target chính là app cho Android trước đã nhé)

- Cài nodejs

- Cài Android Studio để có máy ảo mà test/debug ứng dụng APK. Setup chi tiết, tạo máy ảo thì tự ngâm cứu nhé: avd, adb... Download gần 2GB, cài cắm mất thời gian phết đấy :-s

- Cài react native từ npm: npm install -g react-native-cli

- Tạo thư mục code app: react-native init AppCuaTao

- Sử dụng Visual Code để mở thư mụcAppCuaTao mà lập trình

- Bật máy ảo android lên (bật thế nào á, từ Android Studio hoặc chạy lệnh avd gì gì ý, sẽ update mẫu sau nhé)

- Chạy lệnh react-native run-android (cái này mất vài phút mới xong và có thể có lỗi, tùy lỗi mà Google để fix, làm sao cuối cùng nó báo Build successful là được)

- Chạy lệnh npm start

- Mở app AppCuaTao trong máy ảo (emulator)

Trình duyệt sẽ tự mở 1 tab localhost:8081 debug gì gì đó, F12 để xem log

Ở máy ảo, ấn Ctrl + M để hiển thị menu, chọn mấy cái Hot loading, Live loading để thay đổi code JS thì app nó tự thay đổi theo luôn

Giờ thì bắt đầu code gõ điên cuồng vào các file JS đi. Xong phần mở đầu rồi đấy :-s

Từ những lần sau thì bạn chỉ cần chạy emulator và npm start thôi là bắt đầu code tiếp chứ ko phải run-android nữa

 


Tags: code app android app ios app mobile app framework