React【文档学习】01

1. react是什么

官方文档
查阅书籍
练习github项目

https://zh-hans.reactis.org/

声明式
组件化
跨平台

2. 声明式编程

3. 组件化开发

4. 多平台适配

5. React开发依赖&引入方式

CDN引入
下载引入
npm下载引入（脚手架）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello react</title>
<!--    需要依赖三个包-->
    <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!--    babel 将jsx 转成 js-->
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
</head>
<body>
    <div id="root">

    </div>
    <div id="app">

    </div>
    <script type="text/babel">
       //  ReactDOM.render() react 18之前 的语法
       // ReactDOM.render(vdom,document.getElementById('app'));
       const root = ReactDOM.createRoot(document.querySelector('#root'));
       root.render(<h1>Hello, world!</h1>);
       // const app = ReactDOM.createRoot(document.querySelector('#app'));
       // app.render(<h1>Hello, React!</h1>)
    </script>
</body>
</html>