React 学习笔记，从入门到精通，持续记录

官方文档

https://zh-hans.reactjs.org/docs/hello-world.html

相关书籍：https://www.zhihu.com/pub/book/119565131

React Native：https://github.com/reactnativecn/react-native-guide

Create React App：https://create-react-app.dev/ 

Jsx和虚拟Dom

最简易的 React 示例如下：

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<h1>Hello, world!</h1>);

1.什么是jsx?

Jsx的出现是为了更加方便的创建虚拟dom，它是一个 JavaScript 的语法扩展，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。

在 JSX 语法中，可以在大括号内放置任何有效的 JavaScript 表达式。例如，2 + 2，user.firstName 或 formatName(user) 都是有效的 JavaScript 表达式。

const name = 'Josh Perez';
const element = <h1>Hello, {name}</h1>;

相关文档：https://zh-hans.reactjs.org/docs/introducing-jsx.html

2.create-react-app

脚手架：https://github.com/facebook/create-react-app