Phân Biệt React và ReactJS
React ( hay còn gọi là ReactJS ) là bộ thư viện viết bằng ngôn từ JavaScript dùng để phát triên những ứng dụng UI ( User Interface ). React hoàn toàn có thể chạy được trên cả môi trường tự nhiên client ( sử dụng trình duyệt ) lẫn server ( sử dụng Node. js ) .
Khi sử dụng React trên trình duyệt bạn sẽ nhúng bộ thư viện này thông qua thẻ :
Bạn đang đọc: React, ReactJS, React Native và ReactDOM Khác Nhau Như Thế Nào
Khi sử dụng React trên server thì nhu yếu bạn cần setup Node. js và sau đó setup và import React mô-đun :
import React, { Component } from 'react';Bạn hoàn toàn có thể tìm hiểu thêm bài viết về ReactJS để nắm cơ bản về cách sử dụng thư viện này .
Phân Biệt React và React Native
class MyApp extends React.Component { }React Native là bộ thư viện sử dụng để tăng trưởng ứng dụng mobile native :
import React, { Component } from 'react'; import { AppRegistry, Image } from 'react-native'; export default class Bananas extends Component { render() { let pic = { uri: '//upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg' }; return ( ); } }Phân Biệt React và ReactDOM
Trong các phiên mới của React (từ sau phiên bản 0.14 trở đi) thì tất cả các tính năng liên quan tới việc tương tác với DOM element trên trang được tách biệt với bộ thư viện core của React.
Cách làm này khiến cho nhiều developer cảm thấy bối rối khi trong document chính thức của React không đề cập đên sự khác biệt giữa React và ReactDOM.
Xem thêm: Top 20 sinh ngày 21 tháng 6 năm 2004 thuộc cung gì mới nhất 2021
Khi sử dụng React trên web tất cả chúng ta thường sẽ tham chiếu tới thư viện này trải qua một CDN ví dụ như sau :
Trường hợp cần sử dụng cả ReactDOM chúng ta sẽ cần thêm một thẻ khác để tham chiếu tới bộ thư viện này, ví dụ như sau:
Vậy đơn cử thì hai bộ thư viện này khác nhau như thế nào ?
ReactDOM là lớp keo kết dính React và DOM. Thông thường chúng ta sẽ cần sử dụng ReactDOM để tương tác với DOM trên trang. Ví dụ như khi chúng ta cần hiển thị nọi dung của component:
Xem thêm: Xếp Hạng 4 Thuật Phong Ấn Mạnh Nhất, Số 3 Là Cái Tên Ai Cũng Biết
Nếu sử dụng JSX bạn hoàn toàn có thể viết :
ReactDOM.render(Hello, world!
, document.getElementById('root') );Hoặc cần tìm một Node :
ReactDOM.findDOMNode()Tại Sao Cần Tách React, React Native và ReactDOM
Việc tách biệt giữa React, React Native và ReactDOM là để tương thích với nhu yếu tăng trưởng từng loại ứng dụng nhất định, nếu bạn muốn tăng trưởng ứng dụng mobile bạn sẽ cần React và React Native. Nếu bạn cần tăng trưởng ứng dụng web và thao tác với DOM bạn cần React và ReactDOM .
Source: //trangwiki.com
Category: HỎI ĐÁP