React系列(一):React简介与初始化

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013047324/article/details/79139063

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

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

React是什么?

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

React官网与开源地址

前置知识点梳理

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

版本选择与体验

版本的选择如下:

  1. React版本:https://www.npmjs.com/search?q=react
  2. 不同版本的CDN:https://cdnjs.com/libraries/react/
  3. 项目体验: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!

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页