juejin小册|react|02 为什么 React 要用 JSX?

本文探讨React使用JSX的原因,通过与模板、模板字符串和JXON的对比,阐述JSX如何简化代码并保持组件开发的纯粹性。核心概念包括JSX作为JavaScript语法扩展,提供更清晰的代码结构。React团队认为模板引入额外概念,而JSX更贴近HTML,更利于关注点分离和代码可读性。
摘要由CSDN通过智能技术生成

本讲我们一起来聊聊在面试中“为什么 React 要用 JSX?”该如何回答。

破题

初读一遍题目“为什么 React 要用 JSX?”,你可能会感觉有点怪怪的。这时你可以换个角度想一下,就好像有人在问你,“为什么你喜欢吃甜豆腐脑?”
你是不是想迫不及待地写一首诗,赞美甜豆腐脑到底有多好吃呢?这你可就没答到点子上了。其实面试官的潜台词是“咸豆腐脑为什么不可以呢?”,对于这个问题来说是这样的。
这便是我想着重告诉你的一个思路——通过比较论证的方式证明甜豆腐脑更胜一筹。
当然,如果你是一位豆腐脑大师,甚至一名颇有威望的豆腐脑专家。那么,摆在大家面前对比的方案将会更多,甚至有酸辣豆腐脑、巧克力豆腐脑、韩式豆腐脑等等。所以,这里问“为什么用 JSX”,其引申含义是“为什么不用 A、B、C?”
无论是面试还是晋升,“为什么采用该技术方案”这一类问题是主考官最爱提的。这类问题其实在考察你的两个方面:
● 技术广度,深挖知识面涉猎广度,对流行框架的模板方案是否知悉了解;
● 技术方案调研能力。

大多数时候,我们选取技术方案主要依靠直觉和习惯。这样既缺乏技术方案调研比对的过程,又缺乏个人的深度思考。所以这道题,如果你的回答是“JSX 更简单易用,React 官方

好的,下面是从零开始学习React框架的学习路径、学习资料和资料链接: 1. HTML、CSS和JavaScript基础知识 在学习React之前,需要先掌握HTML、CSS和JavaScript的基础知识,包括HTML标签、CSS样式、JavaScript语法、DOM操作和事件处理等。可以通过以下资料进行学习: - MDN Web 文档:https://developer.mozilla.org/zh-CN/ - w3school 在线教程:https://www.w3school.com.cn/ - 菜鸟教程:https://www.runoob.com/ 2. React基础知识 学习React的基础知识,包括React的概念、组件、生命周期、事件处理等。可以通过以下资料进行学习: - React 官方文档:https://reactjs.org/docs/getting-started.html - React 小书:http://huziketang.mangojuice.top/books/react/ - React 实战教程:https://www.imooc.com/learn/1075 3. React进阶知识 学习React的进阶知识,包括React的路由、状态管理、性能优化等。可以通过以下资料进行学习: - React Router 官方文档:https://reactrouter.com/web/guides/quick-start - Redux 官方文档:https://redux.js.org/ - React性能优化实践指南:https://juejin.cn/post/6844904152138365453 4. 实战项目 最后,通过实战项目来练习React的应用。可以通过以下资料进行学习: - React 实战-打造画廊应用:https://www.imooc.com/learn/507 - React 实战-开发简易版微信:https://www.imooc.com/learn/651 - React 实战-开发音乐播放器:https://www.imooc.com/learn/868 希望以上资料对你有帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值