Phản ứng đã và đang chiếm lĩnh thế giới bằng cơn bão, chứ không phải ngẫu nhiên. Đây là một cách khá trực quan để tạo giao diện người dùng, còn được gọi là View. Gần đây tôi đã bắt đầu sử dụng nó và tôi có thể nói với bạn rằng nó cảm thấy tuyệt vời; nó giống như Tesla Model S của các công cụ Javascript. Mặc dù nó rất dễ sử dụng khi bạn bắt đầu sử dụng, nhưng có một số khái niệm, mẫu và kỹ thuật bạn cần hiểu để sử dụng nó. Nếu bạn đang đọc nó, bạn đang đi đúng hướng, vì bài đăng trên blog này dành riêng để giải thích những điều đó!
Nếu bạn chưa bao giờ nghe nói về React và bạn đang tự hỏi tôi đang nói cái quái gì, đây là phần giới thiệu siêu nhanh:
React thực hiện một điều và một điều duy nhất: nó hiển thị DOM của bạn. React chỉ là phần 'xem' của MVC và sử dụng DOM ảo mà nó khác với trạng thái mới của ứng dụng khi giao diện người dùng của bạn thay đổi. Điều này cho phép React thực hiện các sửa đổi bắt buộc tối thiểu đối với DOM. Bởi vì React được xây dựng dựa trên việc giảm thiểu thao tác DOM, các bản cập nhật mà nó tạo ra siêu nhanh và giải quyết được vấn đề về bố cục.
Như một tác dụng phụ, React cũng rất tốt trong việc xử lý trạng thái của các phần khác nhau trong ứng dụng của bạn. Với React, bạn xây dựng giao diện người dùng của mình bằng cách sử dụng components- các khối giao diện người dùng nhỏ, toàn diện với chức năng riêng được gói gọn trong chính chúng. Điều này giúp bố cục của bạn dễ dàng suy luận và soạn thảo. Tạo các thành phần bạn cần và gắn chúng lại với nhau.
Không còn cách nào nữa, hãy bắt đầu với nó.
Tổng quan về các khái niệm
Với React, bạn xây dựng giao diện người dùng của mình bằng cách sử dụng các thành phần, các tệp riêng biệt mô tả từng phần của giao diện ứng dụng của bạn. Hãy xem một thành phần đơn giản, để cung cấp cho bạn bức tranh về những gì tôi đang nói đến. Sau đó, tôi sẽ đi qua mọi thứ bạn cần biết để bắt đầu với React.