工程笔记
写给真正
交付技术栈的人
关于 React、Node.js、TypeScript 与 AI 的原创文章，来自与我们操作层软件同一套工程实践。正文为英文。
标签：jsx
React JSX 看起来像 HTML——它会被编译成 JavaScript
JSX是JavaScript标记语言：具有单一根节点、封闭标签、驼峰式属性名，以及用于表达式的花括号——这些都是初学者最先接触到的基本规则。
1208 词阅读从JSX到普通对象：React元素、组件和属性的工作原理
了解 JSX 编译后的结果，为何组件本质上只是函数，以及属性、子元素、默认值、展开运算和插槽是如何基于这一核心概念衍生出来的。
1983 词阅读React 属性入门：将静态组件转化为模板
了解 React props 如何在父组件与子组件之间传递数据，props 对象的运作原理，可以传递哪些类型的值，以及为什么单向数据流有助于提升效率。
1586 词阅读React片段与StrictMode：更简洁的标记结构及更早的错误检测
了解 React Fragment 如何在无需额外 DOM 包装的情况下对元素进行分组，以及 StrictMode 的仅开发环境使用的双重调用机制如何揭示不纯净的渲染操作和副作用。
976 词阅读从DOM脚本到基于状态的UI：React的核心模型
为何 React 用声明式组件取代手动 DOM 更新，以及 JSX、props、state、重新渲染和单向数据流是如何构成一个统一的思维模型的。
4868 词阅读JSX并非HTML：组件标记背后的真实权衡
了解当标记语言转变为JSX时需要放弃什么，包括工具与解析、表单功能、无障碍性及可移植性等方面，以及能够挽回大部分优势的解决方案。
3076 词阅读React组件入门：构建可复用、易维护的UI组件
了解为何将 UI 拆分为小型 React 组件能提升可重用性、可读性以及团队协作效率，随后创建你的第一个功能组件。
1912 词阅读
常见问题
关于这些文章
是。每篇都是为本站准备的英文原创改写。结构与代码跟随来源；正文重写并做过重合检查。
技术文先发英文，以保证代码与 API 名称准确。站点外壳提供全部九种语言。
草稿经编辑后进入发布队列。站点导入只收录新的或有变更的 slug，不会重复添加。
示例仅供说明。上线前请核对技术栈与许可。若需交付，请发来简报。