- vừa được xem lúc

Create app covid-19 use Reactjs

0 0 39

Người đăng: Nguyen Xuan Vinh

Theo Viblo Asia

Chào các bạn hôm nay mình sẽ chia sẻ với các bạn một app covid-19, để mọi người cùng tham khảo, tính năng của App này chỉ đơn giản là show số liệu về dịch Covid của các nước trên thế giới như: Số người tử vong, phục hồi, số người mắc bệnh và có biểu đồ biểu thị.

Bạn sẽ học được?

  1. Cách triễn khai một cấu trúc thư mục đơn giản
  2. Call Api
  3. Làm việc với Reactjs basic
  4. Làm việc với Chartjs basic

Api thì mình lấy trên mạng và tiến hành call Api đổ dữ liệu ra, giao diện thì mình cũng tự code lại trên Youtube, bạn nào mới học về Reactjs cũng có thể sử dụng để nghiên cứu.

ảnh.png

Source code: https://github.com/nxv109/covid-app

Link demo: https://covid19-vn.netlify.app/

Bình luận

Bài viết tương tự

- vừa được xem lúc

Những điều cần lưu ý và sử dụng Hook trong React (Phần 5)

V. Sử dụng useRef như thế nào cho đúng.

0 0 127

- vừa được xem lúc

7 Cách viết code React "clean" hơn

Mở đầu. Là nhà phát triển React, tất cả chúng ta đều muốn viết code sạch hơn, đơn giản hơn và dễ đọc hơn. 1. Sử dụng JSX shorthands.

0 0 188

- vừa được xem lúc

ReactJS Custom Hooks

ReactJS cung cấp rất nhiều cho bạn các hook mà bạn có thể sử dụng hằng ngày vào project của mình. Nhưng bên cạnh đó bạn có thể tự tạo ra các hook của riêng bạn để sử dụng, làm cho việc tối ưu hóa code

0 0 65

- vừa được xem lúc

3 cách để tránh re-render khi dùng React context

3 cách để tránh re-render khi dùng React context. Nếu đã từng sử dụng React context cho dự án của bạn, và gặp phải tình trạng các component con - Consumer re-render rất nhiều lần, thậm chí bị sai logi

0 0 25

- vừa được xem lúc

Tìm hiểu về React Hook: Sử dụng useDebugValue

Trong bài viết hôm này, tôi sẽ giới thiệu các bạn một React Hook tiếp theo, đó là useDebugValue. useDebugValue là gì .

0 0 45

- vừa được xem lúc

Tại sao khi dùng ref chúng ta phải dùng với key là current?

Trước React 16.3, refs chỉ là một props mà bạn có thể gán nó đến React Elements, để bạn có thể nắm bắt được phần tử DOM đó.

0 0 29