|
|
想开始使用 React 但苦于找不到好的起点？这篇文章应该涵盖了您。我们将专注于 React 的一些主要概念，然后我们将从头开始构建游戏！我们假设您具备 JavaScript 的应用知识。啊，如果你是来看比赛的，你可以马上开始。
自 ~v0.12 发布以来，我一直在使用 React。（2014年！哇，时间都去哪了？）变化很大。我记得一路上的某些“啊哈”时刻。剩下的一件事是使用它的心态。我们以不同的方式思考问题，而不是直接使用 DOM。
对我来说，我的学习风格是尽可能快地启动和运行一些东西。然后，我会在必要时探索文档的更深层次和包含的所有内容。边做边学，玩得开心，推动事物！
目标 #
这里的目的是向您展示足够多的 React 来涵盖其中的一些“啊哈”时刻。让您有足够的好奇心去深入研究并创建自己的应用程序。我建议查看文档以了解您想深入研究的任何内容。我不会复制它们。
请注意，您可以在CodePen中找到所有示例，但您也可以跳转到我的 Github 存储库以获得完整的游戏。
我们如何让我们的 JSX 进入 DOM？我们 国家电子邮件列表 需要注入它。在大多数情况下，我们的应用程序只有一个入口点。如果我们使用 React，我们会使用 React DOM 在该点插入一个
元素/组件。你可以在没有 React 的情况下使用 JSX。正如我们提到的，它是一个语法扩展。您可以更改 JSX 被 Babel 解释的方式，并让它输出一些不同的东西。
里面的一切都由 React 管理。当我们大量修改 DOM 时，这可以产生一定的性能优势。这是因为 React 使用了虚拟 DOM。无论如何，进行 DOM 更新并不慢。但是，影响性能的是它在浏览器中的影响。每次我们更新 DOM 时，浏览器都需要计算需要发生的渲染变化。那可能很昂贵。使用虚拟 DOM，这些 DOM 更新保存在内存中，并在需要时与浏览器 DOM 批量同步。
没有什么可以阻止我们在一个页面上拥有许多应用程序或只有一部分页面由 React 管理。
|
|
发新帖
