Yael__

大多数开发者的观念里，useEffect 一定会在浏览器完成渲染后被异步调用。但事实并非如此，useEffect 并不总是在页面渲染完后后才会被调用，有时也许会在页面渲染前...

在面对原子化的基础组件视觉回归测试时，我们需要思考如何有效地实现 UI 视觉自动化。本文将从思路、实现和原理三个方面为您详细讲述，如何应对基础类 UI 组件的视觉回归测试挑...

文章会从开源项目 workflow 实现思路出发，过渡到如何借鉴已有的成熟思路来我们的项目快速生成自动化的检测报告。...

最近，Facebook 团队开源了他们内部的 Atomic Css 解决方案：stylex，正是这套解决方案让 facebook 首页样式文件体积减少百分之 80%。...

天下武功，唯快不破。万字长文带你深入浅出 Vite “预构建”过程，从思路、实现再到源码，一步一步带你揭开 Vite 的神秘面纱，...

Fiber为何被提出？ 在React的组件更新时，对于计算机而言，它往往是一种CPU密集的操作，因为它要通过对比新旧虚拟DOM树，从而找出需要更新的内容，并通过打补丁的方式...

使用react+rollup+typescript开发一个私有的组件库，文档使用storybook自动化生成，搭配eslint及preitter进行代码质量校验...

前言 最近在公司里从0到1的搭建了一套SVG图标上传及图标组件发布系统，目的是让图标上传到发布NPM包之间的全部流程实现自动化。 主要的流程为： 现在社区上利用SVG用作图...

作为一名前端开发工程师，无论是在面试，还是在日常开发debug中，一定都会遇到一个常见的问题，当一个用户在浏览器输入网址并敲下回车键之后，直到页面完全渲染的这短时间里，到底...

一文教会你搭建Monorepo组件库的构建和开发体系。在现如今的前端体系中，无论是阅读源码还是日常开发，应该都绕不过**MultiRepo**和**MonoRepo**这两...

一、技术栈选择 1.代码库管理方式-Monorepo： 将多个项目存放在同一个代码库中 ▪选择理由1：多个应用（可以按业务线产品粒度划分）在同一个repo管理，便于统一管理...

在前端工程化日益成熟的今天，每当我们去深入研究构建工具的构建过程和原理时，总会触及到一个叫抽象语法树，又名AST的知识领域，那么AST到底是个什么东西？他又能帮助我们做些什...

本文主要通过lerna和pnpm+changesets对比实现了monorepo进行项目组织管理，解决了工程化配置重复、版本控制、开发调试麻烦等问题。...

最近在工作中碰到了一些管理系统的开发需求，其中就包括了整个管理系统从0到1的项目搭建工作。显然，无论你的管理系统面向的是什么类型的客户，或者需要实现什么类型的功能，你都应该...

前段时间公司在针对新项目做技术选型和分享时，许多同学都提到了当下非常火热的原子化CSS方案- TailwindCss，但是与此同时，在方案提出的会议上，也有不少同事针对这个...

前言 最近在为公司项目做技术选型的时候，尝试用了许多款React生态里的状态管理工具，到最后来来去去还是觉得Zustand的轻量和使用方式更加舒服，同时为了能够更好的使用和...

在前端流行的SSR(服务端渲染)框架中，Remix和Qwik绝对是最引人瞩目的两个佼佼者。作为React-Router的开发团队，Remix从一开始的收费模式，到前段时间宣...

在日常利用React开发需求的过程当中，useState或许是绝大部分同学用的最频繁且最熟悉的Hook。但是对于这个Hook本身的实现原理，以及在它在React Runti...

前言 在开发移动端需求的过程中，我们常常会遇到一种现象，当蒙层滚动或者子元素滚动的时候，会意外触发父元素的滚动，我们把这种现象称之为滚动穿透。显然，在大部分情况下，我们都不...