Xin chào mọi người, bài viết đầu tiên mình muốn giới thiệu tới tất cả mọi người đó chính là lập trình React Native: Hello World. Trước khi vào bài thì chúng ta cần tìm hiểu trước đó chính là React Native là gì?
React Native là gì?
React Native là một ngôn ngữ lập trình dạng đa nền tảng (platform) ( nhưng nó không hỗ trợ cho Window Phone), bạn đã từng nghĩ tại sao phải mất công code 2 lần để cho 2 platform khác nhau mà không dùng một lần code để có thể chạy cho cả iOS lẫn Android? Vậy thì React Native chính là ngôn ngữ bạn cần học tập để có thể "tiện cả đôi đường". React Native được phát triển bởi Facebook, ra đời đầu tiên vào năm 2014 và đến nay đã trở thành một trong những ngôn ngữ lập trình HOT nhất hiện nay.
( Các bạn có thể tham khảo chi tiết về React Native tại đây. )
React Native là một ngôn ngữ được sử dụng bằng Javascript + HTML, bạn chắc chắn đã từng sử dụng qua Javascript thì đây quả thực là một ngôn ngữ dễ dàng để học tập dành cho bạn.
Vậy React Native có điều gì khác biệt với các ngôn ngữ khác?
Để có thể nói về những điểm khác biệt thì có lẽ qua từng bài viết mình sẽ giải thích cụ thể cho các bạn để các bạn có thể hiểu thêm và chi tiết hơn về React Native.
Cài đặt React Native thế nào?
Nếu như bạn đọc hiểu tốt thì có thể vào chính trang chủ để đọc và cài đặt tại đây
Bước 1:
install NodeJS, Git
https://nodejs.org/en/
https://git-scm.com/
https://www.sublimetext.com/3
Bước 2:
Bạn tiến hành cài đặt SDk phiên bản Android SDK Build-Tools 23.0.1 bằng cách bạn mở Android Studio, trên thanh Menu bạn chọn Tools–>Android–>SDK manager.
Tiếp đến tại tab SDK Tools bạn chọn Android SDK Build-Tools 23.0.1 nếu như bạn không tìm thấy Android SDK Build-Tools 23.0.1 thì bạn hãy nhấn Show Package Details.
Sau khi bạn đã install Android SDK Build-Tools 23.0.1 bạn quay lại tab SDK Platforms bạn chọn install các thành phần sau :
Go to Control Panel -> System and Security -> System -> Change settings -> Advanced System Settings -> Environment variables -> và add SDk
Lưu ý: Nếu bạn quên đường dẫn SDK của Android thì bạn đừng quá lo lắng, thông thường nó thường nằm trong mục
C:\Users\(User Name Computer)\AppData\Local\Android\sdk
Bước 4:
Set up Genymotion
https://www.genymotion.com
Bước 5:
Open cmd.
npm install -g react-native-cli
react-native init NameProject
react-native start
react-native run-android
Và thành quả bạn đạt được sẽ có được như dưới đây.
Chúc bạn thành công.!
Cảm ơn các bạn đã đọc và mong các bạn sẽ ủng hộ để mình có thêm những bài viết tốt hơn
Nếu như có bất cứ điều gì thắc mắc bạn có thể comment phía dưới.
Sau khi bạn đã install Android SDK Build-Tools 23.0.1 bạn quay lại tab SDK Platforms bạn chọn install các thành phần sau :
- Google APIs Intel x86 Atom System Image
- Intel x86 Atom_64 System Image
- Google APIs Intel x86 Atom_64 System Image
Go to Control Panel -> System and Security -> System -> Change settings -> Advanced System Settings -> Environment variables -> và add SDk
Lưu ý: Nếu bạn quên đường dẫn SDK của Android thì bạn đừng quá lo lắng, thông thường nó thường nằm trong mục
C:\Users\(User Name Computer)\AppData\Local\Android\sdk
Bước 4:
Set up Genymotion
https://www.genymotion.com
Bước 5:
Open cmd.
npm install -g react-native-cli
react-native init NameProject
react-native start
react-native run-android
Và thành quả bạn đạt được sẽ có được như dưới đây.
Chúc bạn thành công.!
Cảm ơn các bạn đã đọc và mong các bạn sẽ ủng hộ để mình có thêm những bài viết tốt hơn
Nếu như có bất cứ điều gì thắc mắc bạn có thể comment phía dưới.
Cố gắng 1 tuần 1 blog post :)
Trả lờiXóaVâng a, mong rằng sẽ kiên trì viết được về lâu dài ạ :D
Xóa