Cách cài đặt React trên Ubuntu 20.04

Cách cài đặt React trên Ubuntu 20.04

Trong bài viết này, chúng tôi sẽ giải thích cách cài đặt React trên Ubuntu 20.04.

React là một thư viện JavaScript mã nguồn mở, giao diện người dùng để xây dựng giao diện người dùng hoặc các thành phần UI. Nó được duy trì bởi Facebook và một cộng đồng các nhà phát triển và công ty cá nhân.

Bài viết này sẽ hướng dẫn bạn quá trình cài đặt và triển khai React site.

Điều kiện tiên quyết

  • Một máy chủ chuyên dụng được cài đặt Ubuntu 20.04 hoặc KVM VPS.
  • Người dùng root hoặc người dùng bình thường có đặc quyền quản trị viên sudo.

Cài đặt React trên Ubuntu 20.04

Bước 1 - Giữ cho máy chủ được cập nhật

# apt update -y && apt upgrade -y

Bước 2 - Cài đặt NodeJS và NPM

Cài đặt phiên bản ổn định mới nhất của NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

# apt-get install -y nodejs

Xác minh cài đặt thành công.

# node -v && npm -v

Đầu ra:

v15.9.0
7.5.4

Bước 3 - Cài đặt ứng dụng tạo phản ứng

Trong bài viết này, chúng tôi sẽ sử dụng công cụ tạo-phản ứng-ứng dụng. Đây là công cụ dễ nhất và tốt nhất với các cấu hình cấp sản xuất được xây dựng sẵn. Đây là một môi trường thoải mái để học React và là cách tốt nhất để bắt đầu xây dựng một ứng dụng trang đơn mới trong React.

# npm install -g create-react-app

Xác minh cài đặt:

# create-react-app --version

Đầu ra:

4.0.2

Bước 4 - Triển khai ứng dụng React

Tạo ứng dụng phản ứng bằng lệnh sau:

# npx create-react-app my-app

Khởi động máy chủ phát triển

Sau khi bạn đã cài đặt ứng dụng React, hãy chuyển đến thư mục gốc của dự án và khởi động máy chủ phát triển bằng lệnh sau:

# cd my-app

# npm start

Bây giờ bạn có thể xem ứng dụng của tôi trong trình duyệt.

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000

Cách cài đặt React trên Ubuntu 20.04

Xây dựng

Nhóm ứng dụng thành các tệp tĩnh để sản xuất. Chạy lệnh sau:

# npm run build

Đó là nó. Quá trình cài đặt đã hoàn tất thành công.

Trong bài viết này, chúng tôi đã giới thiệu cho các bạn cách cài đặt React trên Ubuntu 20.04.