Học ReactJS từ đầu

0
1357

Nguyên tắc cơ bản: Tất cả những điều ở trên chúng ta đã thảo luận là điều kiện tiên quyết của ReactJS. Bây giờ khi bạn đã học được tất cả những điều trên, đã đến lúc bạn phải nhảy vào React. Trước tiên, hãy hiểu khái niệm cơ bản về React. Chúng tôi sẽ cung cấp cho bạn một cái nhìn tổng quan ở đây.
React là một thư viện Javascript do Facebook phát triển để xây dựng các Giao diện người dùng tương tác. Nó tuân theo kiến ​​trúc dựa trên Thành phần có nghĩa là bạn sẽ chia toàn bộ phần giao diện người dùng của mình thành các thành phần có thể tái sử dụng, tất cả đều được tạo riêng biệt và cuối cùng được lắp vào một thành phần mẹ sau đó được hiển thị. Dưới đây là một số chủ đề quan trọng cần học trong ReactJS…
 

  • Kiến trúc thành phần (đã được thảo luận).
  • State: Về cơ bản ‘state’ chứa biến đồng bộ. Nếu bạn thay đổi giá trị của một biến trạng thái thì thay đổi sẽ được phản ánh ngay lập tức ở tất cả những nơi mà biến cụ thể được sử dụng.
  • Props: giống như các đối số được truyền trong một hàm hoặc phương thức. Trong React, đạo cụ (đối số) được chuyển vào thẻ HTML làm đối số đầu vào.
  • Các thành phần chức năng, các thành phần lớp.
  • Tạo kiểu (CSS) trong React.
  • tìm hiểu cách kết nối với các API bằng ứng dụng React.
  • Ứng dụng đơn giản
  • Ứng dụng máy tính đơn giản
  • Xây dựng một giỏ hàng
  • Hiển thị số liệu thống kê người dùng của GitHub bằng API GitHub

React Router: Định tuyến React sẽ giúp bạn hiểu cách hoạt động của định tuyến trong một ứng dụng của React. Cách tải nội dung của một trang cụ thể hoặc cách chuyển hướng đến một trang cụ thể bằng React Router. Ví dụ: để chuyển hướng từ trang ‘chủ’ đến trang ‘blog’, bạn sẽ phải thiết lập định tuyến để nó chỉ có thể hiển thị nội dung của trang ‘blog’. Hiểu điều này từ video React Router cho người mới bắt đầu và React Router . Khi bạn đã hiểu về React Router, bạn có thể thực hiện một số dự án như Một ứng dụng CURD đơn giản hoặc Hacker News sao chép
Webpack:Webpack là một gói mô-đun trong Javascript giúp bạn duy trì các phần phụ thuộc dưới dạng tệp tĩnh cho dự án của mình để các nhà phát triển không phải làm điều đó. Webpack cũng đi kèm với bộ tải. Trình tải giúp chạy các tác vụ cụ thể xung quanh dự án của bạn.
Kết xuất máy chủ: Học khái niệm này sẽ giúp bạn tạo các thành phần trong máy chủ và hiển thị thành phần đó dưới dạng HTML trong trình duyệt của bạn và khi tất cả các mô-đun JavaScript được tải xuống trong trình duyệt, React sẽ thực hiện. Đó là một trong những tính năng thú vị nhất của React và nó có thể được sử dụng với bất kỳ công nghệ back-end nào.
Redux:Trong một ứng dụng phức tạp, bạn sẽ phải quản lý trạng thái giữa các thành phần. Redux là một thư viện javascript giải quyết vấn đề này và nó giúp bạn duy trì trạng thái ứng dụng. Trong Redux, bạn lưu trữ tất cả các trạng thái của mình trong một nguồn duy nhất

Tham khảo khóa học: Lập trình Front end với ReactJS