Server Component 顾名思义是在服务端渲染的组件，它是如何进行渲染的？和 SSR 又有什么区别？让我们来一起探索它究竟是个什么？

最近在学习 react 的源码，但是内，没有什么头绪，也不知道从何看起，一行一行的阅读源码也不是个办法。偶然间 从掘金上看到一篇 React源码揭秘1 架构设计与首屏渲染，发现 pomb 大神的一篇 build-your-own-react 构建一个你自己的 react，迅速激…

前言 今天我们来一期不同寻常的React进阶文章，本文我们通过一些不同寻常的现象，以探案的流程分析原因，找到结果，从而认识React，走进React的世界，揭开React的面纱，我深信，更深的理解，方

近期抽时间对 React hooks 系统的学习了一下，发现真香，根本停不下来，分享一下用了将近一年的心得。 useState 返回值为一个数组，数组的第一个参数为我们需要使用的 state，第二个参数为一个 setFn。 不要在循环、条件或嵌套函数中调用 Hook。 所以总结…

1. 初始化项目 create-react-app + TS 2. 支持编译 Sass 添加 reset 全局样式，可参考 normalize.css 库，它提供了跨浏览器的高度一致性。 3. 编写 Button 组件 ButtonHTMLAttributes 是 button…

我们团队正在做一个XX系统，技术栈是React，目前该系统日渐庞大，开发及维护成本加大，且每次必须把整个项目一起打包，费时费力。经考虑后决定将其拆分成多个项目，由它们组合成一个完整系统，微前端架构是非常好的选择。 对我们来说最大的好处是单项目维护。 注意看地址栏变化，其中包含 …

React 16.8 正式推出 Hooks 至今已经两年多了，有些朋友却一直觉得这是个新技术，对上手使用 Hooks 仍然处于观望状态，即使大多数使用React 技术栈的公司，他们所开发的项目也是多数采用React.Component的形式。 还有些朋友想要使用 React H…

React 在 v16.8 的版本中推出了 React Hooks 新特性。在我看来，使用 React Hooks 相比于从前的类组件有以下几点好处： 关于这方面的文章，我们根据使用场景分别进行举例说明，帮助你认识理解并可以熟练运用 React Hooks 大部分特性。 与 c…

从 React 16 开始，React 采用了 Fiber 机制替代了原先基于原生执行栈递归遍历 VDOM 的方案，提高了页面渲染性能和用户体验。乍一听 Fiber 好像挺神秘，在原生执行栈都还没搞懂的情况下，又整出个 Fiber，还能不能愉快的写代码了。别慌，老铁！下面就来唠…