React系列（一）：React简介与初始化-优快云博客

本文链接：https://blog.youkuaiyun.com/u013047324/article/details/79139063

本文介绍了React框架的基本概念，包括其起源、特点及应用范围。同时梳理了使用React前所需掌握的基础知识，如HTML、CSS、JavaScript等，并提供了版本选择建议及简单的实例演示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文包含对前端热门框架——React的简单介绍、相关的前置知识点的梳理、以及React的版本选择。

React官网与开源地址
前置知识点梳理
版本选择与React体验

React是什么？

React 是一个用于构建用户界面的 JAVASCRIPT 库。
React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。
React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。
React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

React官网与开源地址

React开源地址：https://github.com/facebook/react/
React官网：https://reactjs.org/docs/hello-world.html
React中文API：http://www.css88.com/react/docs/hello-world.html

前置知识点梳理

使用React之前需要了解并熟悉以下的知识点：
- HTML+CSS
- JavaScript
- ES5\ES6
- NodeJS

版本选择与体验

版本的选择如下：

React版本：https://www.npmjs.com/search?q=react
不同版本的CDN：https://cdnjs.com/libraries/react/
项目体验：http://reactnews.t.imooc.io/#/?_k=b9k4mg

第一个小实例

React的写法如下：

<div id="example"></div>
<script type="text/babel">
  ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('example')
  );
</script>

运行结果：

在div中显示内容：Hello, world!