Share Tạo ứng dụng React đơn giản đầu tiên

[filiallion]

Language

Tiếng Việt

React hiện đang là nền tảng được quan tâm nhiều nhất hiện nay khi nó mang lại rất nhiều thuận lợi cho các nhà phát triển ứng dụng. Hiện nay, React đang được sử dụng rộng rãi và có hệ sinh thái đa dạng phong phú, được các lập trình viên ưa thích. Như các bạn đã biết, React là một thư viện viết bằng JavaScript dùng để xây dựng giao diện người dùng và do Facebook phát triển, càng ngày React càng được cải tiến, bổ sung thêm nhiều thành phần mạnh mẽ giúp ích rất lớn cho việc phát triển giao diện.

React đang chiếm vị trí quan trọng trong việc thiết kế ứng dụng, đặc biệt là ứng dụng web. Tuy nhiên, bản thân React cũng chỉ là một phần tạo nên ứng dụng, vì để có được một ứng dụng hoàn chỉnh thì các bạn còn cần tới các ngôn ngữ lập trình ở phía máy chủ hay cơ sở dữ liệu để lưu trữ dữ liệu ứng dụng...

Bài viết này tôi muốn hướng dẫn các bạn một ví dụ đơn giản đầu tiên về sử dụng React. Với bài hướng dẫn này thì ngoài gói thư viện React, các bạn cũng cần cài đặt thành phần Create React App với dòng lệnh NPM sau:

npm install -g create-react-app

Create React App cũng là một công cụ do Facebook cung cấp giúp hỗ trợ tạo nhanh các ứng dụng React bằng cách sử dụng các dòng lệnh khởi tạo. Các bạn có thể tìm hiểu thêm về cộng cụ Create React App tại địa chỉ https://github.com/facebook/create-react-app.

Sau khi cài đặt thành công Create React App, các bạn chạy dòng lệnh sau để khởi tạo ứng dụng React đầu tiên:

npx create-react-app myreact

Tiếp theo, các bạn di chuyển tới thư mục ứng dụng bằng dòng lệnh CMD:

cd path/to/myreact

Và chạy ứng dụng bằng dòng lệnh sau:

npm start

Sau khi chạy dòng lệnh trên, trình duyệt web sẽ được mở và ứng dụng React sẽ được khởi chạy hiển thị màn hình React mặc định.