Trang chủ Kiến Thức Công Nghệ ReactJS Tutorial for Beginners Phần 3
Công Nghệ

ReactJS Tutorial for Beginners Phần 3

Chia sẻ
ReactJS Tutorial for Beginners Phần 3
Chia sẻ

Phần 3 cũng là phần cuối của chuỗi bài viết ReactJS Tutorial for Beginners với các nội dung chính sau đây:

  • Slider, Swiper & Responsive UI
  • useState, useEffect in React
  • Sử dụng thư viện ReChart
  • Sử dụng React Final Form & Handle Error
  • Modal & Cách Xử Lý Modal Lưu Theo Stack (LIFO)

6. Slider, Swiper & Responsive UI

Video này mình sẽ hướng dẫn bạn cách build một cái Slider và sử dụng thư viện Swiper

7. useState, useEffect in React

Sau khi đã có một cái widget đầu tiên của mình rồi thì sau đây mình sẽ hướng dẫn các bạn làm một cái Loading State. Chúng sẽ giả lập được cái cách mà data sẽ được fresh và trả về. Thông qua đó mình cũng sẽ giới thiệu cho các bạn useEffect, một cái hook của React

8. Sử dụng thư viện ReChart

Video này mình sẽ hướng dẫn các bạn build một cái chart sử dụng cho component tiếp theo

9. Sử dụng React Final Form & Handle Error

Video này mình sẽ giới thiệu với các bạn form trong React, cách React handle form một cách tự nhiên. Bên cạnh đó, mình cũng sẽ hướng dẫn các bạn cách tạo những cái form component bằng cách sử dung react-final-form

10. Modal & Cách Xử Lý Modal Lưu Theo Stack (LIFO)

Làm sao để build modals bằng cách sử dụng React? Video này mình sẽ chia sẻ cho bạn điều đó. Mình cũng sẽ giới thiệu về Context và Portal.

Vậy là chúng ta đã đi qua hết các nội dung trong ReactJS Tutorial. Hy vọng các bạn nhận được nhiều lợi ích từ tutorial này. Đừng quên theo dõi 200Lab để cập nhập những series và tutorial mới nhất về lập trình nhé!

Bài viết cùng chuyên mục
Tối ưu ứng dụng với cấu trúc dữ liệu cơ bản và bitwise
Công Nghệ

Tối ưu ứng dụng với cấu trúc dữ liệu cơ bản và bitwise

Trong bài viết này, 200Lab sẽ chia sẻ những trường hợp dễ...

Công Nghệ

So sánh Flutter vs React Native: Framework nào đáng học năm 2021

Điểm chung của Flutter, React Native đều là Cross-platform Mobile, build native...

HTTP/2 là gì? So sánh HTTP/2 và HTTP/1
Công Nghệ

HTTP/2 là gì? So sánh HTTP/2 và HTTP/1

Từ khi Internet ra đời, sự phát triển về các giao thức...

Upload File từ Frontend đến Backend mà rất nhiều bạn vẫn đang làm sai!!
Công Nghệ

Upload File từ Frontend đến Backend mà rất nhiều bạn vẫn đang làm sai!!

1. Client encode file (base64) rồi gởi về backend 200Lab đã từng...

Công Nghệ

React Native – Hướng dẫn làm việc với Polyline và Animated-Polyline trên Map

Vẽ đường đi trên bản đồ là một nghiệp vụ vô cùng...

Công Nghệ

Hybrid App và Native App: Những khác biệt to lớn

Bất cứ khi nào một công ty quyết định làm ứng dụng...

Web/System Architecture 101 – Kiến trúc web/hệ thống cơ bản cho người mới
Công Nghệ

Web/System Architecture 101 – Kiến trúc web/hệ thống cơ bản cho người mới

Đây là một kiến trúc cơ bản mà bất kì một người...

Công Nghệ

Tư duy kiến trúc thông qua các trò chơi mà rất nhiều bạn không biết

Tư duy kiến trúc là gì? Tư duy kiến trúc có thể...