在本文中，将介绍一些关于 useState 的常见错误。useState 是我们使用最频繁的 React hook，在代码中随处可见，但是也经常会出现一些错误的用法。由于这些错误用法的存在，会让代码的可读性变差，提高了代码的维护成本。

最近，发现了一个在线学习写代码的网站 CodinGame，它比较有趣的地方在于用玩游戏形式在线编程。每个编程题目都以游戏的形式出现，当我们输入一段代码后，点击执行代码，就会通过游戏来展示代码的效果。

本文将回顾各种 CSS 最佳实践的演变过程，它们伴随着时间而发展和变化。最后，将探讨如何在大型项目上实现可扩展的 CSS，以及 Tailwind 等一系列工具是如何解决这些问题的。

React 最新提出了一个叫 use 的 Hook，用于在客户端消费 Promise，而 use 和其他 Hook 不同之处在于，它可以在条件语句、block 和循环里使用。

Array.fromAsync 是 ECMAScript 的一个提案，当前已经进入了 Stage-3 阶段，很可能在明年纳入到 ECMAScript 2023 标准中，本文对 Array.fromAsync 做一个简单介绍。

搞清楚 PureComponent 和它所解决的问题，了解它是否可以在 Hook 和函数组件的世界中被替换，并介绍 React 重新渲染（re-render）一个有趣（但有点无用）的怪异行为。

本文主要通过阅读源码，来简单介绍 Wechaty 使用微信网页版实现机器人的思路。

在本文中，我们将深入探讨用于分解组件和设计可组合 API 的主要原则。并以 Tabs 组件为例，来说明我们需要解决的核心问题和做出的各种权衡。

什么是 re-render（重新渲染）？哪些是必要的 re-render？哪些是非必要的 re-render？如果你对这些问题还不是很明白，那么可以在这篇文章中找到答案。本文是一篇比较详尽的 React re-render 指南，会着重介绍和解答以下问题：什么是 re-render、哪些是必要或非必要 的 re-render、什么条件能够触发 React 组件 re-render。除此之外，还会介绍一些避免 re-render 的重要开发模式，以及引起不必要 re-render 的反模式。并且针对每种模式和反模式都提供了示例图。

Redux 是我们经常接触的一个状态管理工具，将整个应用状态存储到到一个地方进行集中的管理，而本文实现一个简单的 Redux。

使用 Context 和 useReducer 实现一种简单的全局状态管理。

在 Vue 3.0 中使用 Proxy 实现了数据的双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。

在 React 中是单向数据流，数据只能从父组件通过属性的方式传给其子组件，那么能否使用 Proxy 做状态管理呢？答案当然是可以的，本文以计数器组件的开发为例子，使用 Proxy 实现一个简单的 React 全局状态管理。

本文以计数器组件的开发为例子，介绍一种使用 React Hooks 实现全局状态管理的方法​。

在响应式布局布局中，经常使用媒体查询（Media Queries）检测视窗的宽高，实现自元素样式的自动调整。但是在一些页面设计中，元素的容器尺寸发生变化时，元素的样式也需要随之变化。很显然，媒体查询无法支持这种场景。为了解决这类问题，CSS 增加了一个新的特性 容器查询（Container Queries）。

使用新的 CSS 特性，写出好的 CSS 代码。

在早期的 Web 开发中，页面的布局和定位通常要用表格和各种 hack 技术来实现。与那时相比，CSS 已经得到了长足的发展。如今，开发人员可以很轻松地编写出适用于所有主流浏览器的 CSS 代码，在实现复杂布局时也不会像以前那样绞尽脑汁。这不仅使响应式布局变得更容易，还可以通过删除冗余的代码来发布体积更小的样式。在本文中，我们将使用现代技术来降低代码的复杂程度，通过一些较新的技术来编写出更好的 CSS 代码。