React 学习笔记,从入门到精通,持续记录
2023-03-07 09:44:09 时间
官方文档
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
相关文章
- 297个机器学习彩图知识点(10)
- 机器(深度)学习中的 Dropout
- 学习小组Day5笔记--刘
- Adobe国际认证指南|一张照片修图前后,亮度对比度究竟有多重要?
- 从FastJson库的不同版本源码中对比学习绕过方法
- 高危漏洞下的业务安全、公有云数据泄露的责任划分 | FB甲方群话题讨论
- 通过腾讯云自动化助手TAT设置环境变量
- 2023年了,去哪儿还在利用大数据杀熟?官方回应
- 【Rust日报】2022-12-06 借助 OpenAI ChatGPT 学习 Rust
- Gartner数据安全平台DSP战略路线图初览
- 生信学习小组day5--大姚
- LOL源代码被盗,暗网100万拍卖
- AI智慧安监EasyCVR平台告警列表支持按时间查询告警消息
- MAUI桌面端标题栏设置和窗口调整
- 腾讯云视频直播sdk开发攻略
- 编程学习过程中有哪些快速提高编程技巧的方法?
- 如何才能修炼成一名不可替代的程序员?
- 阿里达摩院开源:半监督学习框架Dash,刷新多项SOTA!
- 都说研发效能拖垮了团队,该怎么破局?
- 生信星球学习小组-Day5学习笔记--R语言数据结构