从零开始实现RSC - 第 1 部分：Server Component
原文：github.com/reactwg/server-components/discussions/5 原标题：RSC From Scratch. Part 1: Server Components 作者：gaearon (dan) 译者注：虽然这篇文章很长，而且有三个部分（目前仅更新了第一部分）。但是可以帮…
Read articleThe archive
The Journal
Notes on frontend development, engineering, and everyday ideas. Find a subject and start reading.
Webpack 工作流程
Webpack 最核心的功能依然是：At its core, webpack is a static module bundler for modern JavaScript applications，也就是所谓的静态模块打包能力。 一是使用适当 Loader 将任意类型文件转译为 JavaScript 代码，例…
Read articleWebpack 学习指北
参照codewhy老师 webpack学习视频 Webpack 核心配置 Loader 和 Plugin 深入学习 自定义Loader 和 Plugin Babel用法 ESLint配置和使用 性能优化方案 Webpack 模块化原理解析、打包原理实现 其他流行构建工具
Read articleWebpack Loader 实践
简单示例 上下文接口 Loader 缓存 Loader 中返回多个结果 Loader 返回异步结果 Loader 中直接读写文件 Loader 中添加额外依赖 二进制资源处理 日志处理 异常上报 单元测试
Read articleTS中的内置条件类型：ReturnType
先说一下条件类型是什么 1. 条件类型是一种由条件表达式所决定的类型。 2. 条件类型使类型具有了不唯一性,同样增加了语言的灵活性。 总言之，条件类型就是在类型中添加条件分支，以支持更加灵活的泛型，满足更多的使用场景。 例如： 表示若类型T可被赋值给类型U,那么结果类型就是X类型,否则就是Y类型。 而内置条件类型…
Read article高级 React 组件组合
参照翻译： Advanced React component composition
Read article路由管理
todo!!!!
Read article容器内选择单一列表并进行高亮切换的实践
基于React和antd技术栈下，对有限容器内列表选择的行进行高亮提示，并且不影响容器内部进行的滚动查看引发的思考，涉及的内容包括overflow熟悉，CSS 类名替换而不是改写style、React Element的复用和性能优化。 前置知识 overflow overflow 是overflow-x 和ove…
Read article深入理解JSX
JSX在编译时会被Babel编译为React.createElement方法。这也是为什么在每个使用JSX的JS文件中，你必须显式的声明。但在React 17 中，已经不需要显式导入React了。 React 17 发布在即，尽管我们想对 JSX 的转换进行改进，但我们不想打破现有的配置。于是我们选择与 Babe…
Read articlecommit 阶段流程
概览 副作用 commit阶段工作 这些副作用对应的DOM操作在commit阶段执行。 除此之外，一些生命周期钩子（比如componentDidXXX）、hook（比如useEffect）需要在commit阶段执行。 commit阶段的主要工作（即Renderer的工作流程）分为三部分： before mutat…
Read articleeslint-plugin-react 配置
安装 也可以全局而不是本地安装 ESLint（使用npm install -g eslint）。但是，不建议这样做，无论哪种情况，你使用的任何插件或可共享配置都必须安装在本地。 配置 .eslintrc 1. .eslintrc.js 或者.eslintrc.json,添加预设默认值： 如果在使用来自 React…
Read articleHooks 解析
Hooks 理念 Component 是 React 的原子，Hooks接近于原子内电子的概念。相比于ClassComponent的更上层抽象，Hooks则更贴近React内部运行的各种概念（state context life-cycle）。 当我们熟练运用Hooks时，就会发现，这两者的概念（与生命周期）有很…
Read articleNo matching articles
Try another keyword or reset your filters.