超级会员免费看
构建 ReactJS 仪表盘：从基础到部署
1. ReactJS 框架简介
ReactJS 框架实现了对 DOM 的抽象，并提供了快速高效的机制来支持动态事件。创建 ReactJS 用户界面（UI）时，需要创建带有一些标准方法的类，这些方法会在特定事件发生时被调用，例如 DOM 准备就绪、React 类加载完成或用户输入等。
与像 nginx 这样的 Web 服务器类似，ReactJS 处理了网络流量中复杂和常见的部分，让开发者专注于方法的实现，而不必担心 DOM 和浏览器的状态。实现 React 类可以使用纯 JavaScript，也可以使用名为 JSX 的扩展。
2. JSX 语法
在编程语言中表示 XML 标记可能是一项艰巨的任务。一种看似简单的方法是将所有标记视为字符串，并将内容格式化为模板，但这种方法意味着代码无法理解标记的含义。另一种极端方法是将每个标记元素创建为对象，并将其渲染为文本表示。
更好的混合模型是使用转译器（transpiler），它是一种生成不同形式源代码而非可运行程序的编译器。JSX 语法扩展（https://facebook.github.io/jsx/）将 XML 标签添加到 JavaScript 中，可以在浏览器中或预先将其转译为纯 JavaScript。JSX 被 ReactJS 社区推崇为编写 React 应用的最佳方式。
以下是一个示例，展示了如何在 <script> 部分使用 JSX 语法：
<!DOCTYPE html>
<html>
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
