HƯỚNG DẪN CÀI ĐẶT REACT JS

ReactJS là 1 thư viện JavaScript dùng trong Việc kiến thiết đồ họa người tiêu dùng với được trở nên tân tiến bởi vì đội hình Facebook. Tới nay, ReactJS vẫn lôi cuốn hàng tỷ thiết kế viên bên trên trái đất. ReactJS hay được sử dụng vì chưng Frontend Developer trong xây dựng Web Application một giải pháp nhanh chóng hơn. Vậy nhằm tìm hiểu ReactJS, họ phải tìm hiểu tự đâu? Và buộc phải gì nhằm chạy được ReactJS? Qua nội dung bài viết này, các bạn phát âm trả vẫn phát âm được cách thiết lập cùng áp dụng ReactJS một phương pháp dễ dàng duy nhất.

Bạn đang xem: Hướng dẫn cài đặt react js

Yêu cầu

Cài đặt Visual Studio Code/Sublime Text hoặc WebStorm (tùy chọn)

Cài đặt


Thứ nhất, các bạn buộc phải chắc chắn rằng tôi đã cài đặt đúng phiên bạn dạng NodeJS với có NPM bằng phương pháp gõ vào hành lang cửa số Command Prompt/Windows Powershell tuyệt Terminal trên Mac với Linux:
*

Nhỏng làm việc bên trên, chúng ta cũng đã thấy phiên phiên bản hiện tại của NodeJS là 8.6.0 và như vậy là đạt được tiêu chuẩn chỉnh của ReactJS, còn NPM khi chúng ta sở hữu các phiên bản 8.x trở lên thì NPM cũng đã sinh sống phiên phiên bản 5.x. Vì cầm cố chúng ta hãy đánh giá kỹ, tránh tình trạng sở hữu nhầm NPM phiên bản thấp hơn Khi xài các thỏng viện khác Lúc tlỗi viên đó đòi hỏi 1 phiên phiên bản NodeJS hoặc NPM phải chăng rộng nhằm hoàn toàn có thể chạy định hình.
Tiếp tục, bọn họ đang thực hiện thiết đặt ReactJS trải qua Package đã được viết sẵn mang lại chúng ta bằng cách gõ vào lệnh npm install -g create-react-app với nó đã cài đặt như hình mặt dưới:
*

create-react-phầm mềm opdaichien.comTrong số đó opdaichien.com là tên Folder mà lại các bạn ấn định đề xuất không cần thiết phải làm theo bài viết. Tuy nhiên cùng với những bạn ko rành thì trước đôi mắt cứ đọng làm theo đi đã, nhằm dễ dàng theo dõi nội dung bài viết rộng.


*

Quá trình cài đặt hoàn chỉnh, chúng ta cũng biến thành thấy áp dụng trả về mang đến bọn họ cách thức nhằm khởi chạy ReactJS nlỗi sau:
*

npm start : triển khai khởi chế tạo ra Server trở nên tân tiến để chạy ReactJS trên môi trường xung quanh Web của NodeJS.npm run build : triển khai thi công sản phẩm sau khi hoàn tất quy trình cải tiến và phát triển, bao hàm đang copy các file tĩnh đi kèm lúc các bạn cho vô đúng thỏng mục chỉ định (Các bạn có thể coi chi tiết tại 1 nội dung bài viết khác vào Blog này).npm demo : tiến hành kiểm test áp dụng (Dành cho các bạn biết qua về tlỗi viện Tester).npm run eject : Lúc chúng ta chạy lệnh này, tool này sẽ không hề tự động hóa phần đông vụ việc Lúc cải tiến và phát triển nữa mà lại nó đang bung ra toàn cục những config nhằm mọi bạn như thế nào tinh thông về Webpachồng giỏi Babel... có thể config lại theo ý đồ gia dụng của chính bản thân mình (Không khuyến khích các bạn ko rành). Nên nhớ, một lúc đã chạy nhưng quên backup thì "toi" luôn nhé.

Xem thêm:

vì thế ngơi nghỉ trên chúng ta cũng đã khám phá sang 1 số lệnh cơ phiên bản của ReactJS rồi, giờ thì chạy thôi nào:

cd opdaichien.comnpm start

*

Một hành lang cửa số sẽ hiện lên với các bạn thấy ReactJS vẫn chạy rồi đấy:

*

Xong như thế là bọn họ đã hoàn chỉnh giải pháp thiết lập ReactJS. Chuyển sang điều khiển và tinh chỉnh một trong những File nào. quý khách hàng hãy vào vào thư mục src cùng search file App.js nlỗi hình:

*

Sau đó điều khiển và tinh chỉnh lại nhỏng sau với save sầu lại:

/// ...class App extends Component render() return (
logo Chào mừng tới React trên opdaichien.com


); /// ...

Lập tức screen Browser đã tự động Reload lại nhưng mà ko cần các bạn buộc phải F5. Đó đó là bởi vì NodeJS vẫn đang làm việc, đề xuất chính vì thế nó đang nhận ra được khi nào các bạn chuyển đổi ngôn từ trong tệp tin.

Viết Component solo giản

Tiếp tục, họ vẫn viết ngay lập tức 1 Component đơn giản dễ dàng độc nhất vô nhị trong ReactJS bằng phương pháp gõ vào đoạn Code sau:

function opdaichien.com() return (
);Đoạn code bên trên chắc hẳn rằng vẫn có rất nhiều các bạn thấy loại code "quỷ quái lạ"... làm cho cố làm sao mà bao gồm HTML nào đấy sống trong phía trên vậy? Đó chính là JSX đấy các bạn ạ và nó là gì thì rảnh rỗi rồi chúng ta sẽ biết, đừng cấp chán nản các bạn nhé. Và nội dung file App.js vẫn như sau:

import React, Component from "react";import hình ảnh sản phẩm from "./logo.svg";import "./App.css";function opdaichien.com() { return (
do đó, họ đang tìm hiểu ReactJS cùng giải pháp setup thế nào, cũng tương tự sẽ trường đoản cú viết ra 1 Component trước tiên cho khách hàng. Hãy theo từng bước với test lại nhiều lần sinh hoạt những sự việc mà bạn cạnh tranh đọc, vị tiếp đây bọn họ còn nên tò mò tiếp về Component và JSX chúng ta nhé.
ReactJS bí quyết thực hiện react, phương pháp thực hiện reactjs, thiết lập react, cài đặt reactjs, hướng dẫn react, chỉ dẫn reactjs, react là gì, reactjs là gì. permalinks.

Leave a Reply

Your email address will not be published. Required fields are marked *

x

Welcome Back!

Login to your account below

Retrieve your password

Please enter your username or email address to reset your password.