F_Director

公司的技术栈是 `react`，但是其实使用了这么久的 `react`，对于 `react` 的实现原理还是两眼一抹黑，于是一个月来都在通过各种文章视频来了 `react` 的底层实现，现在在整理下

React Transition Group 是一个 React 库，用于管理和处理在 React 应用中的过渡动画效果。它提供了一组组件，可以帮助你在组件的进入和退出时应用动画效果。

前言 vue的 provide/inject 也是一种实现组件之间依赖注入的方式，但是他也会存在一些痛点。 依赖注入层级关系不明确。提供的值可以被任何后代组件访问到。这种方式虽然提高了组件的复用性，但

微前端借鉴了微服务的架构理念，将一个庞大的前端应用才分为多个独立灵活的小型应用，每个应用都可以独立开发，独立运行，独立部署，再将这些小型应用联合为一个完整的应用。

1、前言 在 Vuejs 中，内置了 KeepAlive组件用于缓存组件，可以避免组件的销毁/重建，提高性能。假设页面有一组 Tab组件，如下代码所示： 可以看到，根据变量 currentTab的不同

Vue创建AST的过程，正是将template字符串解析为AST节点树的过程。这方面逻辑十分复杂，笔者经过自己研究，总结出了一套简化流程。可以让大家理解Vue的“正则匹配+移动光标”解析模式。

Vue3 中一个组件从创建到挂在，会经过3个重点步骤： 创建组件实例 设置组件实例 创建并执行带副作用的渲染函数（render Effect） 本文将着重讲清 创建组件实例、设置组件实例 这两个过程

Vue3 nextTick 本质是优先在本轮事件循环的微任务阶段异步执行逻辑。如果浏览器不支持微任务，则在下一轮事件循环后异步执行。本文将带你了解nextTick的原理及为什么不一定能获取最新DOM。

watch侦听器一直是 Vue3 响应式系统中不可或缺的组成部分，他能实现对响应式变量的监听，有immediate、deep和 flush 等配置。你知道项目中每一个watch的背后都发生了什么吗？