Nối tiếp bài viết https://zezo.dev/view/cai-tien-ung-dung-todo-lam-chuc-nang-sua-voi-redux Tạo hàm trong reducer , toggleTodoStatus(state, action) { // tìm các todo, nếu cái nào phù hợp thì cập nhật trạng thái const todo = state.listTodo.find(row => row.id === action.payload); if (todo) { todo.status = !todo.status; } }, Sang TodoScreen thêm hàm xử lý action const handleToggleTodo = id => { […]
Nối tiếp bài viết về chức năng xóa https://zezo.dev/view/cai-tien-ung-dung-todo-lam-chuc-nang-xoa-voi-redux Tác động đến reducer để tạo hàm sửa, cải tiến phần giao diện Vào file todoReducer thêm hàm updateTodo updateTodo (state, action){ // lấy tham số truyền vào const {id, title} = action.payload; // tìm bản ghi phù hợp với tham số truyền vào const todo = […]
Tiếp theo bài này, ít nhất bạn cần thực hiện thành công ví dụ mẫu ở phần 1: https://zezo.dev/view/tao-ung-dung-todo-voi-redux-co-tuong-tac-api-trong-reactnative-p1 Trong phần này sẽ thực hiện xây dựng chức năng Đổi trạng thái Bước 1: Chỉnh sửa Reducer thêm thao tác xử lý Đổi trạng thái Bên trong hàm builder của extraReducers, bạn thêm đoạn code xử lý […]
Tiếp theo bài này, ít nhất bạn cần thực hiện thành công ví dụ mẫu ở phần 1: https://zezo.dev/view/tao-ung-dung-todo-voi-redux-co-tuong-tac-api-trong-reactnative-p1 Trong phần này sẽ thực hiện xây dựng chức năng Sửa Bước 1: Chỉnh sửa Reducer thêm thao tác xử lý SỬA Bên trong hàm builder của extraReducers, bạn thêm đoạn code xử lý kết Thêm updateTodoApi.fulfilled builder.addCase(updateTodoApi.fulfilled, […]
Tiếp theo bài này, ít nhất bạn cần thực hiện thành công ví dụ mẫu ở phần 1: https://zezo.dev/view/tao-ung-dung-todo-voi-redux-co-tuong-tac-api-trong-reactnative-p1 Trong phần này sẽ thực hiện xây dựng chức năng Thêm mới Bước 1: Chỉnh sửa Reducer thêm thao tác xử lý THÊM Bên trong hàm builder của extraReducers, bạn thêm đoạn code xử lý kết Thêm addTodoAPI.fulfilled […]
Tiếp theo bài này, bạn cần thực hiện thành công ví dụ mẫu ở phần 1: https://zezo.dev/view/tao-ung-dung-todo-voi-redux-co-tuong-tac-api-trong-reactnative-p1 Ở phần 1 đã hiển thị được danh sách rồi, sang phần này sẽ làm chức năng xóa. Bước 1: Chỉnh sửa Reducer thêm thao tác xử lý xóa Bên trong hàm builder của extraReducers, bạn thêm đoạn code […]
Trước khi thực hiện demo này, bạn hãy tạo project mới thử nghiệm với phiên bản cục bộ theo hướng dẫn ở bài viết: https://zezo.dev/view/lam-quen-voi-redux-trong-react-native Trong bài viết này sẽ tổ chức code và xây dựng chức năng hiển thị danh sách dữ liệu từ API Bước 1: Tạo cấu trúc thư mục Bước 2: Tạo […]
Thư viện: https://github.com/react-native-image-picker/react-native-image-picker Bước 1: Cài đặt thư viện vào project npm i react-native-image-picker –save Bước 2: Import thư viện và code tài nguyên tham khảo Import thư viện: import * as ImagePicker from ‘react-native-image-picker’; Tham khảo tại https://github.com/react-native-image-picker/react-native-image-picker/blob/main/example/src/App.tsx Bước 3: Vào component chính khai báo state để chứa ảnh chọn const [anhChon, setAnhChon] […]
Bước 1: Chuẩn bị API cho phép upload ảnh Bạn cần có một link API chấp nhận việc upload ảnh, hãy xem hướng dẫn tạo API ở bài viết này: https://zezo.dev/view/huong-dan-tao-route-upload-file-voi-multer-trong-nodejs Bước 2: Chuẩn bị ứng dụng ReactNative cho phép chọn ảnh hoặc chụp ảnh Trước khi upload ảnh, bạn cần có chức năng […]
VPN là giải pháp tạo kênh truyền nội bộ riêng tư, giúp bảo mật cao hơn cho dữ liệu truyền qua internet. Ngày nay với chi phí rẻ, nhiều cá nhân và doanh nghiệp thường hay dùng OpenVPN. Trong một số trường hợp cấu hình VPN server có chỉ định route xuống client […]