001 初始react,与环境搭建-尊龙官方平台

001 初始react,与环境搭建

el/2024/3/25 17:32:17

注意:这是我学习react时记录下的个人笔记

 

在学习react之前请先按照nodejs下的笔记安装开发环境。

react是facebook开发的js框架,先看看他的特点:

react不使用模板
react不是mvc框架
react是响应式的
react是一个轻量级的js框架

react的原理:

虚拟dom

       reactdom抽象成一个js对象,程序员只能对虚拟dom进行操作,虚拟dom保证只对页面上真正发生变化的dom进行实际的dom操作。(对虚拟dom进行操作比对真正的dom进行操作效率要高)。

在使用react的时候必须引用三个文件:

1.react.js	#核心文件
2.react-dom.js	#渲染页面的dom,如果开发app就不引入这个了
3.babel.js	#把es6转换成es5,把jsx转成js,就是进行一个翻译

新建一个文件夹,打开dos窗口执行如下命令

npm init -y    #在该文件夹下创建package.json

使用如下三个命令进行下载核心文件:

1.react.js	# npm i react --save
2.react-dom.js	# npm i react-dom --save 
3.babel.js	# npm i babel-standalone --save

之后你会获得如下的架构

创建一个html文件写入如下内容,然后访问:


react初次使用

看到渲染成功了


http://www.ngui.cc/el/5127288.html

相关文章

网站地图