文章标签

使用 Jest 和 Enzyme 为 React 应用程序编写测试

虽然拥有经过良好测试的 API 很重要，但对于任何 React 应用程序来说，坚实的测试覆盖率都是必不可少的。测试增加了对代码的信心，并有助于防止将错误交付给用户。

因此，我们将专注于测试……

Kingsley Silas 于 2019 年 3 月 3 日

表单 react

基于 React 的多步骤表单的魔力

处理冗长、复杂的表单的一种方法是将其分解成多个步骤。您知道，回答一组问题，然后进行下一组，然后再进行下一组，依此类推。我们通常将...

Nathan Sebhastian 于 2021 年 1 月 26 日

hooks mixins react vue

Hooks 对 Vue 的意义

不要与生命周期钩子混淆，Hooks 在 React 的 v16.7.0-alpha 版本中推出，Vue 在几天后发布了概念验证。尽管它是 React 提出的，但它实际上是一种重要的组合……

Sarah Drasner 于 2019 年 2 月 4 日

react react suspense

React 的实验性 Suspense API 将在数据获取期间的回退 UI 中发挥作用

如今构建的大多数 Web 应用程序都从 API 接收数据。当获取数据时，我们必须考虑某些情况，在这种情况下，数据可能尚未接收。可能是连接丢失。可能是...

Kingsley Silas 于 2019 年 2 月 4 日

react 状态机 xstate

使用 React 和 XState 构建登录表单

2019 年 6 月 15 日更新

自撰写本文以来，XState 发生了许多变化。可以使用 React & XState 更新版本的登录表单，请访问此处。

要使用良好的... 构建登录表单，

Brad Woods 于 2020 年 1 月 2 日

React 入门 react React Hooks

React Hooks 简介

Hooks 使得能够在组件中组织逻辑，使它们变得很小且可重用，无需编写类。从某种意义上说，它们是 React 倾向于函数的方式，因为在它们之前，我们必须在组件中编写它们，而虽然组件本身已被证明功能强大且实用，但它们必须在前端呈现内容。在某种程度上，这很好，但结果是 DOM 中充满了 div，这使得通过 DevTools 挖掘和调试变得棘手。

Kingsley Silas 于 2020 年 5 月 1 日

React 入门 react

使用 React 门户在 DOM 层次结构之外呈现子节点

假设我们需要在 React 应用程序中呈现子元素。很简单吧？该子元素被安装到最近的 DOM 元素上，并因此在其中呈现。

render() {
  return (
    <div>
      // Child to render

…

Kingsley Silas 于 2019 年 1 月 14 日

动画 React react

在 React 中对视图之间进行动画处理

您知道某些网站和 Web 应用程序在两个页面或视图之间转换时具有那种简洁的原生感觉吗？Sarah Drasner 展示了一些很好的示例，甚至还提供了一个 Vue 库。

这些动画是... 类型的动画

Jeremias Menichelli 于 2018 年 12 月 21 日

react SVG svg 图标

为 React 应用程序制作 SVG 图标库

Nicolas Gallagher

在 Twitter，我使用了此处描述的方法，以几种不同的格式发布了该公司的 SVG 图标库：优化的 SVG、纯 JavaScript 模块、React DOM 组件和 React Native 组件。

没有唯一正确的方法^©…

Chris Coyier 于 2018 年 12 月 14 日