Các nguyên tắc của React
Trước khi chúng ta bắt đầu học về làm cách nào thiết lập một dự án React full-stack, hãy ghé thăm lại 3 nguyên
tắc cơ bản của React. Các nguyên tắc này cho phép chúng ta dễ dàng viết các ứng dụng web tăng quy mô:
+ Khai báo: Thay vì thông báo React làm các thứ như thế nào, chúng ta thông báo nó cái gì chúng ta muốn nó làm. Kết
quả là, chúng ta có thể dễ dàng thiết kế các ứng dụng của chúng ta và React sẽ cập nhật và duyệt hiệu quả chính
những bộ phận đúng khi dữ liệu thay đổi. Ví dụ code sau, cái tạo bản sao string trong một mảng là lệnh, cái đối diện
với khai báo:
const input = [‘a’, ‘b’, ‘c’]
let result = []
for (let i = 0; i < input.length; i++) {result.push(input[i] + input[i])
}
console.log(result) // prints: [ ‘aa’, ‘bb’, ‘cc’ ]
Như chúng ta có thể thấy, trong code lệnh, chúng ta cần thông báo Javascript chính xác làm gì, từng bước một.
Tuy nhiên, với code khai báo, chúng ta có thể đơn giản thông báo máy tính cái chúng ta muốn như sau:
const input = [‘a’, ‘b’, ‘c’]
const result = input.map(str => str + str)
console.log(result) // prints: [‘aa’, ‘bb’, ‘cc’]
Trong code khai báo này, chúng ta thông báo máy tính rằng chúng ta muốn chập mỗi phần tử của mảng input
từ str vào str + str. Như bạn có thể thấy, code khai báo là ngắn gọn hơn nhiều.
+ Dựa trên bộ phận: React bao gói các bộ phận cái quản lí trạng thái của bản thân chúng và views và sau đó cho
phép chúng ta biên tập chúng để tạo các giao diện người dùng phức tạp.
+ Học nhiều hơn, viết bất cứ đâu: React không giả định về stack công nghệ của bạn và thử đảm bảo rằng bạn có thể
phát triển các apps mà không phải viết lại code hiện có nhiều như có thể.
Ba nguyên tắc cơ bản của React làm nó dễ để viết code, bao gói các bộ phận, và chia sẻ code qua nhiều nền tảng.
Thay vì sáng tạo lại wheel, React thử sử dụng các đặc tính Javascript hiện có nhiều như có thể. Kết quả là,
chúng ta sẽ học các mô hình thiết kế phần mềm cái sẽ áp dụng trong nhiều trường hợp hơn hơn là chỉ thiết kế
các giao diện người dùng.
Bây giờ rằng chúng ta đã học về các nguyên tắc cơ bản của React, hãy bắt đầu thiết lập một dự án React
full-stack!