源码分析
44篇文章 · 0订阅
  • [通明境 · React架构]通俗地讲React，优雅地理解React
    ⚠️1.1万长文⚠️ React源码并非洪水猛兽，知道方法，就可以很轻易地驯服它(=^▽^=)。文章基于最新的React源码进行调试及阅读，将以通俗的形式揭秘React
    前端 React.js 源码
    [通明境 · React架构]通俗地讲React，优雅地理解React
  • 隔壁同事：卧槽？你对 useEffect 的理解怎么这么牛逼😡😡😡
    React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作 DO
    前端 JavaScript React.js
    隔壁同事：卧槽？你对 useEffect 的理解怎么这么牛逼😡😡😡
  • 还不清楚webpack和vite原理？有这篇足够了！
    前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看
    面试 Vue.js
    还不清楚webpack和vite原理？有这篇足够了！
  • ahooks源码系列（二）：useRequest
    useRequest 架构 首先在阅读源码前，我们得先清楚 useRequest 的架构，请看下图： 它分为两大核心和两个辅助模块 两大核心是：Fetch类、plugin插件化机制 两个辅助模块是：t
    开源 前端
  • 图解 history api 和 React Router 实现原理
    Router 是开发 React 应用的必备功能，那 React Router 是怎么实现的呢？ 今天我们就来读一下 React Router 的源码吧！ 首先，我们来学一下 History API，
    前端 JavaScript React.js
    图解 history api 和 React Router 实现原理
  • Formily 原理浅析
    Formily 作为阿里巴巴旗下开源的一套非常火热的表单解决方案，目前已有 9.2k Star，深受前端 coder 的喜爱，我自己也在团队内部逐步推行使用，这次给大家带来 Formily 的原理浅析
    前端
    Formily 原理浅析
  • React Context 实现原理：它在 antd 源码里简直用的太多了
    context 是 react 的主要特性，它能在任意层级的组件之间传递数据。 在业务代码中用 context 可能不多，大家更偏向于全局的状态管理库，比如 redux、mobx，但在 antd 等组
    前端 JavaScript React.js
    React Context 实现原理：它在 antd 源码里简直用的太多了
  • 精读了 500 行的 create-vite，你也可以开发自己的 cli 工具
    本文参加了由公众号@若川视野 发起的每周源码共读活动， 点击了解详情一起参与。 这是源码共读的第37期，链接：传送门。 撰写日期 2023-07-10，源码 create-vite v4.3.2 vi
    Vite 源码阅读
    精读了 500 行的 create-vite，你也可以开发自己的 cli 工具
  • 【React源码系列】React Context原理，如何合理设计共享状态
    Provider的value变化是如何导致组件跳过sCU而强制更新的？fiber.dependencies的作用是什么？
    前端 React.js
  • 浅析React中的EffectList
    React中，会遍历EffectList来执行节点操作、生命周期方法、Effect方法，可以把EffectList比作圣诞树上挂的彩灯，而这颗圣诞树就是Fiber树。 为什么会存在EffectList呢？打个比方来说，一颗Fiber树中有一些Fiber节点需要执行compone…
    React.js