搜索
写经验 领红包
 > 影视

eacthellowold(eact简单吗)

导语:「react」最简单的hello world

react和其它前端框架相比,好处有:

1, 采用组件化模式,声明式编码,提高开发效率以及组件复用率

2, 使用虚拟DOM+优秀的Diffing算法

最简单的hello world

Vscode新建js文件夹包括三个js文件,babel.min.js用于将jsx转为js,react.development.js是react的核心库,react-dom.development.js用于支持react操作DOM,下面在新建的hello

_react.html文件中新建hello world代码:

<!DOCTYPE html><html lang=&34;><head><meta charset=&34;><meta name=&34; content=&34;><title>hello_react</title></head><div id=&34;></div><script type=&34; src=&34;></script><script type=&34; src=&34;></script><script type=&34; src=&34;></script><script type=&34;>const VDOM = <h1>Hello,World!</h1>ReactDOM.render(VDOM,document.getElementById(&39;))</script>

其中虚拟机DOM,VDOM本质是Object类型的对象,虚拟DOM是React内部使用,只有20几个。

本文内容由小海整理编辑!