Thực tế phát triển ứng dụng React Native cho iOS/Android - Trung cấp

Phần 0: Giới thiệu

Khóa học này được thiết kế dành cho những ai đang tìm kiếm trải nghiệm phát triển ứng dụng từ A đến Z. Chúng tôi sẽ hướng dẫn bạn cả kiến thức chuyên sâu về React Native và nền tảng backend dựa trên Firebase (tích hợp máy chủ) để hoàn thiện một ứng dụng hoàn chỉnh. Phần này sẽ xem xét các kỹ năng cần thiết để trở thành nhà phát triển ứng dụng và cho phép bạn xem trước sản phẩm cuối cùng.

Phần 1: Redux

Redux là một thư viện và framework JavaScript mã nguồn mở giúp quản lý trạng thái ứng dụng một cách dễ dàng . Khi các dự án React Native phát triển về quy mô, cấu trúc thành phần của chúng cũng trở nên phức tạp hơn. Redux là một thư viện quản lý trạng thái giúp dễ dàng chia sẻ và quản lý trạng thái trên tất cả các thành phần. Vì Redux mang lại khả năng tương tác và đồng bộ tốt nhất với React Native, hầu hết các nhà phát triển React Native đều phát triển với Redux . Phần này sẽ đề cập đến các khái niệm và nguyên lý hoạt động của Redux.

Phần 2: Tạo và thiết lập một dự án mới

Việc triển khai một ứng dụng hoàn chỉnh đòi hỏi phải thiết kế cấu trúc dự án . Để phát triển dễ dàng, việc thiết kế không chỉ cấu trúc cây màn hình mà còn cả cấu trúc hệ thống Redux và cấu trúc phần mềm trung gian mới học để tích hợp với máy chủ là rất quan trọng. Việc này có thể khá phức tạp và đầy thách thức. Phần này sẽ đề cập đến thiết kế cấu trúc ứng dụng và cách tích hợp Redux với React Native.

Phần 3: Triển khai Màn hình Đăng nhập (Giao diện người dùng)

Phần này bao gồm phát triển front-end cho màn hình đăng nhập . Để cải thiện hiệu quả phát triển, bạn sẽ tạo các thành phần có thể tái sử dụng và xác định các quy tắc địa chỉ email/mật khẩu cũng như một khung xác thực cho việc đăng nhập. Phần này cũng bao gồm việc xác minh quy trình và logic đăng nhập bằng Redux và chuẩn bị tích hợp với máy chủ thực.

Phần 4: Triển khai Màn hình Đăng nhập (Phần cuối)

Phần này sẽ trình bày cách triển khai backend liên quan đến đăng nhập bằng Firebase. Phần này sẽ giải thích cách thông tin đăng ký được lưu trữ trên máy chủ Firebase, cách xác minh thông tin tài khoản và mã nào cần thiết để tự động đăng nhập khi ứng dụng được đóng và mở lại. Trong phần này, bạn sẽ áp dụng quy trình và logic đăng nhập được triển khai trong Phần 3 vào máy chủ Firebase và xem nó hoạt động như thế nào.

Phần 5: Triển khai Màn hình Nhật ký

Ngoài việc tìm hiểu sâu về React Native , khóa học này cũng sẽ đề cập đến các thao tác cốt lõi CRUD (Tạo, Đọc, Cập nhật, Xóa) của dữ liệu ở backend, cùng với cách triển khai . Phần này nhằm mục đích phát triển các kỹ năng phát triển xuyên suốt frontend và backend , bao gồm các chủ đề như cách sử dụng bộ nhớ dữ liệu của Firebase, cách tích hợp Firebase với React Native, cách xác định người dùng dựa trên thông tin đăng nhập và cách thiết lập quyền truy cập dữ liệu.

Phần 6: Triển khai Màn hình Tin tức

API công khai là các API mở do các cơ quan chính phủ cung cấp cho công chúng, cho phép bất kỳ ai cũng có thể truy cập dữ liệu công khai. Phần này hướng dẫn bạn cách sử dụng API công khai và, thông qua việc triển khai thực tế , tìm hiểu cách kiểm tra tình trạng COVID-19 và mức độ bụi mịn trên ứng dụng.

Sau khi nghe bài giảng này?

• Bạn sẽ có thể tự mình phát triển một ứng dụng tốt.
• Và đây không phải là ứng dụng độc lập, mà là ứng dụng giao tiếp với máy chủ!

• Khóa học này sử dụng macOS. Vui lòng thiết lập môi trường Mac.
• Khóa học này sử dụng React Native CLI. Expo CLI, một giải pháp thay thế cho React Native CLI, có thể dễ dàng hơn cho người mới bắt đầu, nhưng lại kém tự do hơn đáng kể trong quá trình phát triển. Hãy tìm hiểu cách sử dụng React Native CLI để khắc phục những hạn chế của nó.
• Xin hãy hiểu rằng phản hồi cho bài giảng này có thể bị chậm trễ do hoàn cảnh của người chia sẻ kiến thức.

H. Lợi ích của việc học React Native là gì?

Bạn có thể phát triển ứng dụng iOS và Android cùng lúc chỉ với một mã 🙂

H. Khóa học này có những điểm đặc biệt gì?

Bạn sẽ không chỉ được học nội dung chuyên sâu về React Native mà còn được học về backend dựa trên Firebase (tích hợp máy chủ). Hiểu biết về backend là điều cần thiết cho việc phát triển ứng dụng thực tế và làm việc cộng tác!

H. Tôi chưa có kiến thức cơ bản về React Native. Tôi có thể tham gia khóa học này không?

Nếu bạn mới làm quen với React Native hoặc thiếu kỹ năng phát triển cơ bản, trước tiên bạn nên tìm hiểu nội dung được đề cập trong khóa học 'React Native thực hành cho phát triển ứng dụng iOS/Android - Cơ bản' .

H. Bạn có cung cấp mã nguồn được sử dụng trong bài giảng không?

Có, tôi đã tải nó lên dưới dạng tài liệu lớp học . (Bạn có thể tải xuống bằng cách nhấp vào nút [Tài liệu khóa học] hoặc biểu tượng đám mây ở góc trên bên phải.)

H. Phát triển chỉ có thể thực hiện trong môi trường Mac phải không?

Không. Bạn có thể phát triển React Native trên Windows bằng React Native CLI và xem trước ứng dụng bằng Trình giả lập Android. Tuy nhiên, các chương trình như Xcode và iOS Simulator chỉ hoạt động trên máy Mac, khiến việc xem trước ứng dụng trên iPhone trở nên khó khăn.