Web Programing
  • Tổng quan
    • 1. SPA vs MPA
    • 2. Phương thức create Element()
  • Project 01
    • 1. Tổng quan về React Js
      • 1.1. Giới thiệu về React Js
      • 1.2. Cài đặt môi trường phát triển
      • 1.3. Tạo dự án đơn giản với create-react-app
  • 2. Kiến trúc và Component
    • 2.1. Cấu trúc dự án
    • 2.2. React hiển thị lên trình duyệt thế nào ?
    • 2.3. JSX là gì ?
    • 2.2. Tìm hiểu về component
    • 2.4. Ứng dụng component vào dự án đơn giản
  • 3. State và xử lý sự kiện React Event
    • 3.1. Tổng quan về State
    • 3.2. Quản lý state trong class component
    • 3.3. Quản lý state trong functional component
    • 3.4. Xử lý sự kiện với React Event
    • 3.5. Thực hành
  • PROJECT 2
    • 1. Tổng quan về Node.js và Express.js
      • 1.1. Giới thiệu về Node.js và các tính năng chính
      • 1.2. Cài đặt node.js và npm
      • 1.3. Khởi tạo ứng dụng node.js với Hello world
      • 1.4. Giới thiệu về express.js và các tính năng chính
      • 1.5. Cài đặt và triển khai ứng dụng với express
  • 2. Tạo RESTful API với Express.js
    • 2.1. Giới thiệu về API và RESTful API
    • 2.2. Tạo các endpoint cơ bản
    • 2.3. Hướng dẫn sử dụng Postman để kiểm tra API
    • 2.5.Auto Reload
  • 3. Kết nối CSDL MySQL với Express.js
    • 3.1. Giới thiệu về Hệ Quản Trị Cơ Sở Dữ Liệu SQL và MySQL
    • 3.2. Cài đặt MySQL
    • 3.3. Tạo bảng To-do list với MySQL
    • 3.4. Kết nối MySQL với ứng dụng Express.js
    • 3.5. Triển khai endpoint CRUD cho To do list App
    • 3.6. Kiểm tra endpoint với postman
  • Thực hành
    • Bài thực hành số 01
    • Bài thực hành số 02
Powered by GitBook
On this page
  • 1. React JS là gì ?
  • 2. Lý do nên chọn React Js ?
  1. Project 01
  2. 1. Tổng quan về React Js

1.1. Giới thiệu về React Js

Previous1. Tổng quan về React JsNext1.2. Cài đặt môi trường phát triển

Last updated 8 months ago

1. React JS là gì ?

  • React.js là một thư viện Javascript để xây dựng giao diện người dùng, được phát triển ban đầu từ Facebook và đóng góp bởi cộng đồng lập trình viên trên thế giới. Nó tập trung vào việc xây dựng các component (thành phần) có thể tái sử dụng.

  • React.js có thể sử dụng để tạo ra ứng dụng đơn trang (SPA) hoặc ứng dụng di động, giúp các trang (pages) lấy và xử lý dữ liệu được tối ưu hơn các phương pháp khác.

2. Lý do nên chọn React Js ?

  • Tốc độ và hiệu suất:

    • Sử dụng Virtual DOM để cập nhật giao diện nhanh hơn so với việc thao tác trực tiếp trên DOM thật. Giúp tăng cường hiệu suất thông qua việc tối ưu hóa cập nhật DOM.

  • Component-based Architecture:

    • Xây dựng các thành phần nhỏ độc lập (components) giúp tái sử dụng và bảo trì dễ dàng hơn.

    • Mỗi component có thể quản lý logic và giao diện của riêng mình.

  • Hỗ trợ tốt cho việc phát triển ứng dụng đơn trang (SPA):

    • React Router giúp điều hướng trong ứng dụng đơn trang dễ dàng.

    • Hỗ trợ tốt cho việc tối ưu hóa trải nghiệm người dùng.