文章标签

文档头部可能不是网站最引人注目的部分，但其中包含的内容对于网站的成功与否至关重要，就像其用户界面一样。毕竟，在这里，您告诉…

来自 Framer 的 Matt Perry 和我一起了解了 React 动画库 Framer Motion。

首先，我们看看 API 有多简单。您可以通过 JSX 中元素上的 props 以非常声明的方式控制一切。…

Reducer 是一个函数，它决定了应用程序状态的更改。它使用接收到的操作来确定此更改。我们有一些工具，例如 Redux，可以帮助在一个存储中管理应用程序的状态更改，以便…

组件是 React 应用程序的构建块。几乎不可能构建一个 React 应用程序而不使用组件。它非常普遍，以至于一些第三方软件包为您提供了可用于集成…的组件。

假设您有一个包含 100 个名称的列表

<ul>
  <li>Randy Hilpert</li>
  <li>Peggie Jacobi</li>
  <li>Ethelyn Nolan Sr.</li> 
  <!-- and then some -->
</ul>

…或文件名、电话号码或任何其他内容。并且您希望在客户端过滤它们，这意味着您不会…

测试应用程序对于确保代码无错误并满足逻辑需求至关重要。但是，手动编写测试既乏味又容易出现人为偏差和错误。此外，维护可能是一场噩梦，尤其是在功能…的时候。

使用requestAnimationFrame进行动画应该很容易，但是如果您没有仔细阅读 React 的文档，那么您可能会遇到一些可能导致您头疼的事情。以下是我以艰难的方式学到的三个陷阱时刻。

TLDR…

React 生态系统为我们提供了许多库，这些库都专注于拖放交互。我们有 react-dnd、react-beautiful-dnd、react-drag-n-drop 等等，但其中一些需要相当多的工作…

而“我们”指的是我们前端开发人员；)

这是与本次演讲相关的网站。

这是一场我准备的演讲，我在其中假设，随着时间的推移，前端开发人员能够做的事情的广度…