想做全栈的前端工程师

当开发的项目中有一些公共组件可以沉淀的时候，将这些组件抽离出来，开发一个组件库无疑是一个好的选择。 那么怎么去开发一个组件库呢？本文将和你一起从零开发一个 React 组件...

ChatGPT非常强大，但是无法与现实世界中的应用直接相结合。本文将介绍如何使用nodejs和langchain，使用大模型调外部接口、实现知识库问答。...

1、index.ts 2、createStore 3、combineReducers 4、applyMiddleware 5、compose函数 redux源码...

我们工作中免不了运用promise用来解决异步回调问题。平时用的很多库或者插件都运用了promise 例如axios、fetch等等。但是你知道promise是咋写出来的呢...

背景与目标 背景：商城移动端，首屏加载过慢，需要做性能优化。 目标：减少白屏时间，提高页面加载速度，提升用户体验。 ⭐本文将重点放在对资源加载速度的优化。...

状态与副作用 在前文我们已经分析了fiber树从构造到渲染的关键过程. 本节我们站在fiber对象的视角, 考虑一个具体的fiber节点如何影响最终的渲染. 回顾fiber...

React Context 原理 简单来讲, Context提供了一种直接访问祖先节点上的状态的方法, 避免了多级组件层层传递props. 有关Context的用法, 请直...

React 合成事件 概览 从v17.0.0开始, React 不会再将事件处理添加到 document 上, 而是将事件处理添加到渲染 React 树的根 DOM 容器中...

React 调度原理(scheduler) 在 React 运行时中, 调度中心(位于scheduler包), 是整个 React 运行时的中枢(其实是心脏), 所以理解s...

fiber 树渲染 在正式分析fiber树渲染之前, 再次回顾一下reconciler 运作流程的 4 个阶段: 输入阶段: 衔接react-dom包, 承接fiber更新...

fiber 树构造(对比更新) 在前文fiber 树构造(初次创建)一文的介绍中, 演示了fiber树构造循环中逐步构造fiber树的过程. 由于是初次创建, 所以在构造过...

fiber 树构造(初次创建) 本节的内容完全建立在前文fiber 树构造(基础准备)中介绍的基础知识之上, 其中总结了fiber 树构造的 2 种情况: 初次创建: 在R...

fiber 树构造(基础准备) 在 React 运行时中, fiber树构造位于react-reconciler包. 在正式解读fiber树构造之前, 再次回顾一下reco...

Hook 原理(副作用 Hook) 本节建立在前文Hook 原理(概览)和Hook 原理(状态 Hook)的基础之上, 重点讨论useEffect, useLayoutEf...

Hook 原理(状态 Hook) 首先回顾一下前文Hook 原理(概览), 其主要内容有: function类型的fiber节点, 它的处理函数是updateFunctio...

Hook 原理(概览) 在前文状态与副作用中, 总结了class组件, function组件中通过api去改变fiber节点的状态和副作用. 其中对于function组件来...