Trong giai đoạn 2 của chương trình đào tạo kỹ thuật phần mềm của tôi, chúng tôi bắt đầu tìm hiểu thư viện/khung công tác React.JS. Sau khi hoàn thành nhiều phòng thí nghiệm và tham dự bài giảng, tôi bắt đầu nhận thấy khả năng mở rộng của việc sử dụng React thay vì chỉ JavaScript đơn thuần.

Lập trình khai báo

Khi viết mã trong React, bạn đang lập trình khai báo. Điều này có nghĩa là chúng tôi đang mô tả những gì một chương trình nên hoàn thành và cách chương trình hoàn thành được quyết định bởi chương trình. Về mặt JavaScript đơn giản, bạn sẽ bắt buộc phải lập trình, điều đó có nghĩa là chúng tôi đưa ra các hành động mà chương trình nên thực hiện một cách rõ ràng và mô tả cách chương trình nên sử dụng các hành động đó.

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

Các thành phần

React hoạt động bằng cách cấu trúc các ứng dụng của chúng tôi bằng các thành phần. Các thành phần là các phần của trang web của chúng tôi cho phép chúng xử lý và nhận dữ liệu cũng như kiểu dáng của riêng chúng. Việc sử dụng các thành phần cho phép các ứng dụng có khả năng tái sử dụng và mở rộng cao, trong khi vẫn giữ nguyên chức năng.

Sự kết luận

Một sự tương tự mà tôi học được từ lớp học là học React giống như học cách một chiếc ô tô hoạt động. Ô tô có nhiều bộ phận cơ bản để tạo ra một phương tiện chức năng. Có thể hữu ích khi biết cách thức hoạt động của động cơ, hộp số và hệ thống treo, nhưng điều cần thiết hơn là hiểu cách sử dụng đúng bàn đạp, vô lăng và sang số.