---
title: "Trang web đầu tiên sử dụng react"
description: "Đâu tiên khi bắt đầu t sẽ tạo một con node server.Nếu các bạn không hiểu thì có thể xem lại bài sau:https://ndata.2k1.org/trang-web-dau-tien-voi-nodejs/964/2020"
date: "2020-12-05"
author:
  name: "Nguyen Pham"
  role: "Xin chào. Mình thích lập trình và công nghệ. Đây là blog mình chia sẻ lại các kiến thức về lập trình, công nghệ."
  avatar: "http://0.gravatar.com/avatar/6fb61398e24046b34e13870dd6c357b9?s=128&d=mm&r=g"
category: "Blog"
tags: ["Blog", "Programming"]
coverImage: "https://2k1.org/wp-content/uploads/2020/12/image-7.png"
featured: false
readingTime: "1 min read"
---

Đâu tiên khi bắt đầu t sẽ tạo một con node server.  
Nếu các bạn không hiểu thì có thể xem lại bài sau:  
<https://ndata.2k1.org/trang-web-dau-tien-voi-nodejs/964/2020/>

![](https://ndata.2k1.org/wp-content/uploads/2020/12/image-5-1024x576.png)

Server NodeJS

Tiếp theo chúng ta sẽ code giao diện bằng react

![](https://ndata.2k1.org/wp-content/uploads/2020/12/image-6.png)

Các thư viện có thể xem ở trang chủ của react, và babel core

<https://reactjs.org/docs/cdn-links.html>  
<https://babeljs.io/setup#installation>

```
<!--Nếu bạn muốn dùng CDN-->
<script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
```

![](https://ndata.2k1.org/wp-content/uploads/2020/12/image-7.png)

Kết quả:

![](https://ndata.2k1.org/wp-content/uploads/2020/12/image-8-1024x576.png)