Giai đoạn 2 "REACT.JS"

Cuộc hành trình là một chặng đường khó khăn trong giai đoạn này. Bắt đầu, tôi đã ký hợp đồng với covid vào ngày thứ 2 của giai đoạn và cuộc đấu tranh là có thật trong vài tuần tới.

React là một khái niệm hoàn toàn mới đối với tôi, và việc học trong khi chống lại loại virus đó cần rất nhiều quyết tâm. Trong tuần đầu tiên, tôi có một câu trích dẫn trên bảng mà tôi đọc mỗi sáng đôi khi nhiều lần trong ngày. Câu nói của triết gia nổi tiếng Quavo: "Không phải gì khác ngoài một chút thẳng thắn". Điều đó đã thúc đẩy tôi phải nỗ lực nhiều hơn nữa để không bị tụt lại phía sau.

Các cuộc đấu tranh chính của tôi trong React là Hooks, State và React Router. Phản ứng useState hook (https://reactjs.org/docs/hooks-state.html) là một phần quan trọng trong dự án giai đoạn 2 của chúng tôi và tôi rất vui vì tôi đã dành thêm thời gian để nghiên cứu và hiểu nó hoàn toàn. Dự án giai đoạn 2 của chúng tôi là một ứng dụng một trang nên bộ định tuyến phản ứng (https://v5.reactrouter.com/web/guides/quick-start) là bắt buộc.

Tuần dự án thật tuyệt vời! Chúng tôi quyết định xây dựng một ứng dụng web cho phép người dùng thêm chi tiết phim, xếp loại phim, bình chọn cho bộ phim yêu thích của họ và hiển thị danh sách 10 người thích và 10 người không thích. Dưới đây là một số ảnh chụp màn hình:

Trang Đích có menu điều hướng thả xuống ở bên trái và một vùng chứa ở giữa hiển thị tiêu đề, Hình ảnh và băng chuyền của chúng tôi. Tất cả hình ảnh trong băng chuyền đều có thể nhấp được và hiển thị trang phim tương ứng.
Hình thức khá dễ hiểu. Người dùng điền vào biểu mẫu và khi gửi, dữ liệu JSON sẽ được gửi tới API RESTful của chúng tôi.
Danh sách Phim được tạo từ API của chúng tôi bằng cách sử dụng yêu cầu nhận. Danh sách cũng cho phép sắp xếp và tìm kiếm phim.
Trang Xếp hạng được tạo bởi một thành phần so sánh số lượt thích của từng đối tượng và liệt kê chúng cho phù hợp.
Trang Chi tiết phim cũng có một yêu cầu nhận sử dụng id của bộ phim đã chọn để hiển thị dữ liệu của bộ phim cụ thể đó. Thành phần này cũng có một yêu cầu đưa cập nhật lượt thích trong API sau khi lượt thích hoặc lượt không thích.

Suggested posts

Tránh những hậu quả tàn khốc của đột quỵ: Học hỏi từ hành trình của một gia đình.

Tránh những hậu quả tàn khốc của đột quỵ: Học hỏi từ hành trình của một gia đình.

Giới thiệu Đột quỵ là một trường hợp cấp cứu y tế có thể tấn công bất kỳ ai vào bất kỳ lúc nào. Nó xảy ra khi lưu lượng máu đến một phần của não bị gián đoạn, dẫn đến mất chức năng não đột ngột.

Tài nguyên mã hóa được sử dụng nhiều nhất của tôi

Tài nguyên mã hóa được sử dụng nhiều nhất của tôi

Tuần này, tôi nhận được một email từ một thành viên trong danh sách email hàng ngày. Họ muốn biết: Bạn truy cập tài nguyên nào hàng ngày, hàng tuần và hàng tháng? Câu hỏi tuyệt vời! Tôi rất vui khi cố gắng chia sẻ một số thông tin chi tiết về quy trình làm việc của mình và các tài nguyên hàng đầu mà tôi sử dụng.

Related posts

Không còn mật khẩu — mật khẩu sẽ thay thế mật khẩu của bạn như thế nào

Không còn mật khẩu — mật khẩu sẽ thay thế mật khẩu của bạn như thế nào

Để tránh sự mơ hồ, các thuật ngữ sau đây sẽ được sử dụng; Trình xác thực; Điện thoại di động được sử dụng để đăng nhập Website; Trang web hoặc ứng dụng mà người dùng đang sử dụng để thực hiện yêu cầu đăng nhập Dịch vụ; Nhà cung cấp cung cấp dịch vụ nhất định, ví dụ:

đại từ là siêu đáng sợ

Nó đập vào mắt tôi Đột ngột như nó thường xảy ra Nó lại ở giữa chừng <Không, không phải cái ở Thái Bình Dương đâu bạn màu hạt dẻ, cái ở lễ hội hóa trang> Mọi tiêu đề đều ầm ĩ…..

Màn Đơn Ca Của Cô Gái Tóc Đỏ

Theo sự phân công của Hayden, Katie tự quay phim thủ dâm.

Màn Đơn Ca Của Cô Gái Tóc Đỏ

Sau nửa đêm, Hayden lái xe chở Katie trở lại ký túc xá đại học của cô ấy sau buổi tối bên nhau. Cô có một lớp học sớm vào buổi sáng và không có quần áo để thay sau khi ở lại với anh ta đêm hôm trước.

Hai năm trong ngành thiết kế- Tốt, xấu và xấu…

Hai năm trong ngành thiết kế- Tốt, xấu và xấu…

“Này Siri, chơi Me Dive của Olivia Dean.” Đó là tháng 5 năm 2021 khi tôi bắt đầu thực tập tại Học viện Tương lai Châu Phi ở Akure, Nigeria.