目前响应式框架非常之多，有绑定 UI 的框架，也有 UI 无关的状态管理框架。本文对他们的设计进行整理，分析他们的共性和差异，方便大家理解响应式的原理，同时也为新的响应式框架设计提供路线指引。

Gatsby 是一个基于 React 的、免费开源的、用于搭建静态站点的框架。 Gatsby 主要的应用的技术是 React 和 GraphQL，利用 Gatsby 搭建一个简单的静态站点，是一个很好的学习过程。本文主要讲解如何从零搭建一个简单的个人博客结构的过程，也是自己学习…

得益于 chrome 浏览器强大的调试能力， console.log 可谓是前端开发中解决未知问题最直接的办法，遇事不决，打个日志，简单粗暴🏈。但是在 React 项目中其实有更好的调试方案，那就是官方（脸书）出的 react devtools ，可以针对性的做一些代码的调试…

如何阅读 React 源码呢？ 当然是根据代码执行过程阅读更容易理解。本篇文章分享一下利用 VSCode Debugger 阅读源码的简单过程。

一. px to rem & rpx (cssrem) 开发移动端还是很有必要的 输入px的时候 会自动转换成rem 我们选取就好，下图： 二. Auto Rename Tag 自动补全修改中闭合标签

应届生小A：在学校用React + antd做过后台管理系统，熟悉React技术栈。 两年前端小B：公司技术栈是React，都用了一年了，我React贼六。 五年前端老C：带团队把公司的粪坑项目用React重构了。React对我来说就跟呼吸一样容易。 小A、小B、老C：要不学学…

一 前言 今天我们来悉数一下 React 中一些不错的设计模式，这些设计模式能够解决一些功能复杂，逻辑复用 的问题，还能锻炼开发者的设计和编程能力，以为多年开发经验来看，学好这些设计模式，那就是一个字

1. useEffect 简介 对于第二点，首先，针对 Class Component 来说，我们写 React 应用时经常要在组件的各种生命周期中编写代码，如在 componentDidMount 和 componentDidUpdate 中发送 HTTP 请求、事件绑定、甚…

从源码阅读上介绍了hooks原理，并对useEffect，useLayoutEffect，useState进行解析