Please enable JavaScript.
Coggle requires JavaScript to display documents.
React là gì - Coggle Diagram
React là gì
-
Why exist?
- Tính đơn giản
ReactJS đơn giản hơn để nắm bắt ngay lập tức. Cách tiếp cận dựa trên thành phần, vòng đời được xác định rõ ràng và chỉ sử dụng JavaScript đơn giản khiến React trở nên rất đơn giản để học, xây dựng một web chuyên nghiệp (và các ứng dụng di động) và hỗ trợ nó. React sử dụng một cú pháp đặc biệt được gọi là JSX cho phép bạn kết hợp HTML với JavaScript. Đây không phải là một yêu cầu; Nhà phát triển vẫn có thể viết bằng JavaScript đơn giản nhưng JSX dễ sử dụng hơn nhiều.
- Dễ học
Bất kỳ ai có kiến thức cơ bản về lập trình đều có thể dễ dàng hiểu được React trong khi Angular và Ember được gọi là 'Ngôn ngữ dành riêng cho miền', ngụ ý rằng rất khó để học chúng. Để phản ứng, bạn chỉ cần có kiến thức cơ bản về CSS và HTML.
- Phương pháp tiếp cận bản địa
React có thể được sử dụng để tạo ứng dụng di động (React Native). Và React là một fan cuồng nhiệt của khả năng tái sử dụng, có nghĩa là khả năng tái sử dụng mã rộng rãi được hỗ trợ. Vì vậy, cùng một lúc, chúng ta có thể làm các ứng dụng IOS, Android và Web.
- Ràng buộc dữ liệu
React sử dụng liên kết dữ liệu một chiều và một kiến trúc ứng dụng gọi là Flux kiểm soát luồng dữ liệu đến các thành phần thông qua một điểm điều khiển - trình điều phối. Thật dễ dàng hơn để gỡ lỗi các thành phần độc lập của các ứng dụng ReactJS lớn.
- Hiệu suất
React không đưa ra bất kỳ khái niệm nào về vùng chứa tích hợp để phụ thuộc. Bạn có thể sử dụng các mô-đun Browserify, Request JS, EcmaScript 6 mà chúng ta có thể sử dụng thông qua Babel, ReactJS-di để tự động đưa các phụ thuộc vào.
- Khả năng kiểm tra
Các ứng dụng ReactJS rất dễ kiểm tra. Các khung nhìn React có thể được coi là các chức năng của trạng thái, vì vậy chúng ta có thể thao tác với trạng thái mà chúng ta chuyển đến chế độ xem ReactJS và xem đầu ra và các hành động, sự kiện, chức năng, v.v. được kích hoạt, v.v.
what for(what feature)?
JSX
Trong React, thay vì sử dụng JavaScript thông thường để tạo khuôn mẫu, nó sử dụng JSX. JSX là một JavaScript đơn giản cho phép trích dẫn HTML và sử dụng các cú pháp thẻ HTML này để hiển thị các thành phần con. Cú pháp HTML được xử lý thành các lệnh gọi JavaScript của React Framework. Chúng tôi cũng có thể viết bằng JavaScript cũ thuần túy.
React Native
React có các thư viện gốc đã được Facebook công bố vào năm 2015, cung cấp kiến trúc phản ứng cho các ứng dụng gốc như IOS, Android và UPD.
React-native là một khung xây dựng ứng dụng dành cho thiết bị di động chỉ sử dụng Javascript. Nó sử dụng thiết kế tương tự như React, cho phép bạn sử dụng / bao gồm thư viện giao diện người dùng di động phong phú / các thành phần khai báo. Nó sử dụng các khối xây dựng giao diện người dùng cơ bản giống như các ứng dụng iOS và Android thông thường. Phần tốt nhất của việc sử dụng react-native là cho phép / chấp nhận các thành phần được viết bằng Objective-C, Java hoặc Swift.
Luồng dữ liệu một chiều
Trong React, một tập hợp các giá trị không thay đổi được chuyển đến trình kết xuất thành phần dưới dạng thuộc tính trong các thẻ HTML của nó. Thành phần không thể trực tiếp sửa đổi bất kỳ thuộc tính nào nhưng có thể chuyển một hàm gọi lại với sự trợ giúp của chúng ta có thể thực hiện sửa đổi. Quá trình hoàn chỉnh này được gọi là “các thuộc tính chảy xuống; hành động tăng lên ”
Mô hình đối tượng tài liệu ảo
React tạo một bộ đệm cấu trúc dữ liệu trong bộ nhớ để tính toán các thay đổi được thực hiện và sau đó cập nhật trình duyệt. Điều này cho phép một tính năng đặc biệt cho phép lập trình viên viết mã như thể toàn bộ trang được hiển thị trên mỗi thay đổi trong khi thư viện phản ứng chỉ hiển thị các thành phần thực sự thay đổi.
what is ?
React.js là một thư viện JavaScript mã nguồn mở được sử dụng để xây dựng giao diện người dùng dành riêng cho các ứng dụng một trang. Nó được sử dụng để xử lý lớp xem cho các ứng dụng web và thiết bị di động. React cũng cho phép chúng ta tạo các thành phần UI có thể tái sử dụng. Lần đầu tiên React được tạo ra bởi Jordan Walke, một kỹ sư phần mềm làm việc cho Facebook. React được triển khai lần đầu tiên trên newsfeed của Facebook vào năm 2011 và trên Instagram.com vào năm 2012.
React cho phép các nhà phát triển tạo các ứng dụng web lớn có thể thay đổi dữ liệu mà không cần tải lại trang. Mục đích chính của React là nhanh, có thể mở rộng và đơn giản. Nó chỉ hoạt động trên giao diện người dùng trong ứng dụng. Điều này tương ứng với chế độ xem trong mẫu MVC. Nó có thể được sử dụng với sự kết hợp của các thư viện hoặc khuôn khổ JavaScript khác, chẳng hạn như Angular JS trong MVC.