Categories
Mobile

Cài đặt môi trường React Native 0.70 trên Mac M1

Chào các bạn, hiện tại nếu làm theo các hướng dẫn trên web chính thức của reactnative.dev thì có thể bạn sẽ không thể cài đặt thành công môi trường để chạy được React native 0.70 trên M1.

Mình viết bài này để chia sẻ nhanh một số bước mà mình đã cài đặt môi trường thành công và chạy được React Native. Một số thông tin cấu hình của máy mình. Mac M1, hệ điều hành Ventura 13.0, React Native 0.70.

Ghi chú bằng tiếng Anh nên mọi người thông cảm:

Step 1: Install “rbenv”

> brew install rbenv

Step 2: install ruby 2.7.5 (React native 0.70 required)

> rbenv install 2.7.5

> rbenv global 2.7.5

Step 3: Update ~/.zshrc, append this line:

eval "$(rbenv init - zsh)"

Restart zsh

> source ~/.zshrc

Step 4: install sample project

> npx react-native init MyTestApp

(ESC on select cocoapod installations question). We will install later

Step 5: Go to ios

> cd ios

Step 6: Install cocoapods via brew

> brew install cocoapods

Step 7: Install ffi

> sudo gem install ffi 

(there is no need arch.. as online tutorials ^^!)

Step 8: pod install

Run bundle

> bundle install

Update current repository to latest version (to prevent olddate repo)

> arch -x86_64 pod repo update

Finally, run pod install

>  arch -x86_64 pod install 

Categories
Mobile

Ra mắt ứng dụng di động Bloghoctap

Lần đầu tiên trong lịch sử, app Bloghoctap từ lúc bắt đầu đến lúc xuất hiện trên Appstore và playstore chưa đến 2 ngày và nay đã có hàng giới thiệu để giúp cải thiện tương tác với các quý vị đọc giả. Các bạn có thể cài ứng dụng, đọc và ủng hộ blog nhé, app sẽ có thông báo khi có bài mới.

Categories
Mobile

Mobile app React Native đầu tiên

Như đã nói, mình chia sẻ mọi người nội dung nhật ký ghi lại quá trình mình vừa học / vừa làm ứng dụng React Native đầu tiên. Ứng dụng này sử dụng một số thư viện như react-native 0.47, redux, redux-thunk, react-navigation và một số thư viện ui kit khác như element, vector icon…kết quả của 3 ngày có thể xem sơ qua tại clip mình upload trên youtube tại link:

Categories
Android Mobile

Quy trình cập nhật app Karaoke Vietnam

karaoke vietnam banner

Sáng nay ngồi cập nhật Vol 54 của Arirang cho ứng dụng Karaoke Vietnam mới phát hiện vậy là cũng gần tròn 4 năm (từ đầu năm 2011) mình theo dự án này. Đây quả là dự án huyền thoại vì chưa có dự án nào mình theo lâu như vậy mà kiếm tiền được từ nó. Sáng nay rảnh rỗi nên viết một bài chia sẻ quy trình mỗi lần cập nhật danh sách bài hát (Vol) mới cho ứng dụng này như thế nào để mọi người coi chơi.

Categories
Mobile

[Mini Training] Mobile app design

Mini training mobile app design

Nhận thấy nhiều đồng đạo coder đang quan tâm đến mobile dev nên mình có tổ chức một buổi training nhỏ nhằm chia sẻ một số hiểu biết của mình về thiết kế mobile app để giúp mọi người có thể tạo ra được những app dễ nhìn hơn và trông “chuyên nghiệp” hơn.

Nội dung buổi training sẽ xoay quanh một số vấn đề khi bạn phải thiết kế cho môi trường ứng dụng mobile, cách sử dụng màu sắc, layout, kích thước và một số chia sẻ về UI/UX khi thiết kế cho mobile.