Cài đặt React Native
Đây không chỉ là một bộ câu hỏi phỏng vấn React Native mà là một hành trình thực chiến qua ứng dụng Login, nơi mỗi dòng code đều phản ánh tư duy của một lập trình viên chuyên nghiệp.
Màn hình Login
Styling giao diện login, với hai trường Login, Password. Có nút đăng nhập, đăng ký...
Login Validate
Áp dụng kiến thức về Hooks UseState() để Validate trường User, Password, hiển thị thông báo lỗi bằng Modal
Backend với NextJS
Bạn có thể tạo API đơn giản cho ứng dụng với các chức năng CRUD bằng NextJS và Typescript
Request API bằng Axios
Việc sử dụng Axios để request API trong React Native là một lựa chọn phổ biến và cực kỳ hữu ích, đặc biệt khi bạn muốn xây dựng ứng dụng có khả năng tương tác với server hoặc dịch vụ bên ngoài
Xây dựng chức năng Logout
Ta cần lưu dữ liệu đăng nhập vào biến toàn cục và khi Logout thì ta xóa dữ liệu đăng nhập đi và chuyển hướng đến màn hìn Login
Xây dựng Bottom Tabs
Sử dụng Bottom Tabs Navigator hiển thị thanh tab ở phía dưới màn hình, cho phép người dùng chuyển đổi giữa các màn hình khác nhau trong ứng dụng.
Hiển thị danh sách User
Sau khi người dùng login thành công lưu lại danh sách người dùng đòng thời hiển thị danh sách các User trong màn hình User Manage
Reload dữ liệu và Search
Trong màn hình User Manage, khi người dùng vuốt màn hình xuống thì ứng dụng sẽ load lại dữ liệu mới nhất, đồng thời có thể Search theo tên người dùng và hiển thị Avatar theo giới tính
Xóa người dùng và Loading
Trong màn User Manage xây dựng hàm xóa User theo Id. Thêm Modal thông báo xóa thành công đông thời load lại dữ liệu mới nhất khi đóng modal.
Xây dựng màn hình UserInfo
Khi click vào Change Profile sẽ xuất hiện modal giúp update lại thông tin của User đó
Xây dựng màn hình Regist
Xây dựng chức năng Đăng ký thành viên