官方文档
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 示例如下:
代码语言:javascript复制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 表达式。
代码语言: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