ReactJS là gì? dùng để làm gì?

#1

M.n cho em hỏi ReactJS là gì và dùng để làm gì với ạ @@ em có tìm hiểu trên mạng nhưng vẫn mông lung quá. Em biết Javascript là bắt các sự kiện phía client, em cũng hiểu Jquery nhưng tới ReactJS em thấy khó hiểu quá @@ m.n có thể giải thích 1 cách dễ hiểu cho em đc ko ạ? Em đọc trên mạng thì thấy nó là thư viện JS để xây dựng giao diện. vậy nó khác gì với việc dùng HTML, CSS và JS ạ? Em cảm ơn

1 Like
#2

Đọc hết bộ kiếm hiệp này là hiểu nhé:

#3

em vẫn chưa hiểu ạ :frowning: thấy nói JS chung chung chứ k nói về ReactJS mấy :frowning:

#4

Dùng để chia nho các trang thành các component, mỗi component sẽ chứa html, js, css của riêng nó. Các component có thể giao tiếp với nhau , kết hợp lại tạo thành 1 page trên web. Nói chung là để dễ quản lý code và dễ tái sử dụng code khi cần.
Giả sử cần chức năng autocomplete cho web thì lên mạng search là ra luôn component rồi khỏi phải viết mã nữa, chỉ cần “cài” nó vào mã nguồn nguồn của mình là xong https://github.com/reactjs/react-autocomplete --> tái sử dụng :slight_smile:. Cộng đồng ReactJS khá phát triển nên hầu hết chức năng nào phổ biến thì đều có “hàng” sẵn rồi, nên giảm đc thời gian phát triển.
Đọc đống bùi nhùi, jquery html khi mà page nó nhiều chức năng thì cũng đau não phết :smiley: . Chia nhỏ thành các component riêng biệt như ReactJS sẽ dễ quản lý hơn.

5 Likes
#5

Theo mình hiểu thì React là một framework về frontend cho webapp. Có thể client-render hoặc server-render, tuỳ vào phía dev. Dùng React ta sẽ không phải viết HTML nhiều nữa, thay vào đó, ta sẽ viết JSX. Source code JSX này ta viết sẽ được ReactDOM render về HTML sau.

ReactDOM.render(
    <p>Hello world</p>,
    document.getElementById('root')
)

Đoạn script này sẽ render block <p>Helloworld</p> và đưa vào block có id là root. Ta chỉ cần đưa vào file HTML đoạn script có chứa code JSX kia là được, gọi là file root.js đi. Đồng thời, file HTML cũng cần phải có container để có id="root" kia nữa:

<div id="root"></div>
<script src="root.js"></script>

React sẽ dựng một cây DOM ảo. Sau đó từ cây virtual DOM này sẽ dựng và cập nhật cây DOM thật, hiển thị nên giao diện web.

5 Likes
#6

em cảm ơn :smiley: …

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?