前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >React 学习笔记,从入门到精通,持续记录

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

作者头像
房东的狗丶
发布于 2023-02-17 07:09:21
发布于 2023-02-17 07:09:21
43200
代码可运行
举报
文章被收录于专栏:友人a的笔记丶友人a的笔记丶
运行总次数:0
代码可运行

官方文档

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

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

React Nativehttps://github.com/reactnativecn/react-native-guide

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

Jsx和虚拟Dom

最简易的 React 示例如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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
代码运行次数:0
运行
AI代码解释
复制
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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-10-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Jsx和虚拟Dom
    • 1.什么是jsx?
    • 2.create-react-app
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档