https://github.com/tutv/rn-fetch-api
Using Fetch API to get remote data in React Native
https://github.com/tutv/rn-fetch-api
Last synced: about 1 year ago
JSON representation
Using Fetch API to get remote data in React Native
- Host: GitHub
- URL: https://github.com/tutv/rn-fetch-api
- Owner: tutv
- Created: 2018-07-26T16:33:53.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-07-26T16:35:04.000Z (almost 8 years ago)
- Last Synced: 2025-02-04T21:45:32.817Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 143 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sử dụng Fetch API trong React Native
## Mục tiêu bài tập
- Biết cách sử dụng Fetch API để lấy dữ liệu thông qua HTTP request.
- Biết cách thay đổi các thành phần của request như Header, Body
- Biết cách sử dụng Promise `then` và `catch` để lấy dữ liệu trả về hoặc xử lý lỗi
## Nội dung bài tập
- Tạo một ứng dụng quản lý người dùng
- Ứng dụng cho quản lý người dùng.
- Ứng dụng cho phép thêm và xóa người dùng.
## Độ Khó **
## Hướng dẫn
- Xem các API sử dụng trong app tại: https://reqres.in
- Tạo Component `ListUsers`
- Trong `ListUsers` sẽ lấy dữ liệu từ API thông qua Fetch API, ở đây có các hàm lấy danh sách người dùng, xóa người dùng và thêm người dùng.
- Tạo Component `FormCreateUser` để xử lý phần thêm người dùng mới, khi người dùng submit text thì sẽ gọi lại hàm trong `props` để thông báo lên component `ListUsers`.
Sau đó trong `ListUsers` sẽ gọi API để thêm người dùng mới và cập nhật lại state.
- Tạo Component `User` để hiển thị thông tin của từng người dùng.
- Xử lý xự kiện nhấn vào nút xóa người dùng và gọi lại hàm qua `props` để thông báo lên component `ListUsers` để xóa người dùng.
## Ảnh demo
