随笔分类 -  源码阅读

摘要:什么是 module Federation module Federation(下面简称 MF) 是 webpack5 推出的最新的概念 有用过 webpack 的小伙伴都知道, 在我们打包时, 都会对资源进行分包, 或者使用异步加载路由的方案, 这样打出来的包(也叫 chunk), 在我们使用时, 阅读全文
posted @ 2023-03-26 22:13 Grewer 阅读(545) 评论(0) 推荐(0) 编辑
摘要:react-window 这篇是 react-window 的源码阅读, 因为此库使用的是 flow, 所以会涉及一些特殊的东西, 和 ts 类似 使用 List 首先是 List 的使用: import {FixedSizeList as List} from 'react-window'; co 阅读全文
posted @ 2022-03-01 01:44 Grewer 阅读(1315) 评论(0) 推荐(0) 编辑
摘要:前言: 这次本来想解析 react-virtualized 的源码, 但是他的内容太多, 太杂, 我们先从小的库入手, 由点及面 所以这次改为了 react-virtual 和 react-window 的源码, 这篇就是 react-virtual 什么是虚拟列表 一个虚拟列表是指当我们有成千上万 阅读全文
posted @ 2022-02-09 00:04 Grewer 阅读(467) 评论(0) 推荐(0) 编辑
摘要:这次的版本是 6.2.1 使用 相比较 5.x 版本, 元素升级为了 简单的 v6 例子: function App(){ return <BrowserRouter> <Routes> <Route path="/about" element={<About/>}/> <Route path="/ 阅读全文
posted @ 2022-01-31 23:09 Grewer 阅读(508) 评论(5) 推荐(1) 编辑
摘要:react-loadable 源码解析 简要的来说, loadable 是一个高阶函数, 他同时利用了 react 的渲染 API, webpack 知识点, babel, promise 合并起来的组件 使用 首先我们要知道 react-loadable 他的用法是什么: loader 需要延迟加 阅读全文
posted @ 2021-10-31 23:42 Grewer 阅读(263) 评论(0) 推荐(0) 编辑