如今，无论是国内还是国外，React 成为主流框架的势头似乎无可阻挡。作为一名曾在 Vue 的世界里摸爬滚打的老兵，我再次投身于 React 的战场，感受到一股新的活力和挑战。 对于那些初次接触 Re

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 简单的用法如以下代码所示。 如上。我们可以用u

在React以其声明式编程范式和组件化架构，成为了构建用户界面的首选技术之一。然而，随着项目规模的扩大和设计需求的多样化，如何高效地管理 CSS 样式成为了每个React开发者都需要面对的挑战。

性能优化是软件开发中永远不会过时的话题，本篇将介绍在React编码过程中需要注意的性能优化点。鉴于图片懒加载、虚拟滚动列表等已成为广为人知的通用性能优化手段，本文将不再赘述这些内容。

styled-components有以下优点：无样式冲突问题，让 CSS 代码拥有独⽴的作⽤域；可以用 js 来写样式逻辑，更好维护，动态性，灵活性，复用性更高；更简单的主题设置

当使用 Hook 特性编写组件的时候时候，总能感觉到它的简洁和方便。当然，「天下没有免费的午餐」，它牺牲了可读性并且存在内存泄漏风险（最后有提到）。但这并不妨碍探索它的魔力。 在正式开始前，希望您读过 Hook 的文档或者在项目使用过它。但如果只对函数编程感兴趣，也可能有所收获…

自从 React v16.8 版本以来，React Hooks 为我们提供了全新的编写和思考 React 组件的方式。这是本系列文章第一篇，我们将探讨最常用的 hook——useState.

为什么要使用fiber，要解决什么问题? 在 react16 引入 Fiber 架构之前，react 会采用递归方法对比两颗虚拟DOM树，找出需要改动的节点，然后同步更新它们，这个过程 react 称

不知不觉使用 React 也有一段时间了，最近也在学习 React 的一些相关知识，于是打算整理成文章顺便分享出来，进而巩固自己对 React 整体的认知。如有错误，欢迎指正！