Better

前端仓库的 monorepo 技术选型很长时间没有更新了，赶紧抓住空闲时间更新一波，当初选用的是 lerna + yarn workspaces 的方式，社区关于 monorepo 这一块也有很大的发展，期间 lerna 经历过一次停止更新后又恢复，一顿搜索后，现在更多的是使用 nx 和 turbo，这里简单学习比对一下。

登录鉴权和权限管理几乎是每个系统必备的功能，随着 React 版本更新和 NextJS SSR 模式的流行，在习惯 SPA 模式下，突然要在 SSR 模式下实现，出现了一种不适感。本文分别就 SPA、NextJS 同构、 NextJS 异构模式实现具备 refresh token 逻辑登录鉴权演示，同时还对开源方案 better-auth 进行尝试。

起因是在使用 Ionic 的过程中，总是会碰到 slot 的用法，以及针对 shadow dom 特殊的样式修改语法，简单了解一下基础概念。

Web 前端性能优化清单。

了解 wasm 使用场景，复杂对象传递和经验法则。

浏览器提供的 Observer api。

没有什么营养的序：写代码就像种一颗树，你不管它，它通常也能自然生长，但你时不时修剪修剪，它能长的更好一点。但它又不同于种树，因为你把它头插土里，它也可以自然生长。 文章中的代码都是盲打的，不保证正确性。

解决团队当前本地开发存在的痛点。

约两年前就有了解这个话题，当时背景是前端的旧项目代码量比较大，开发时编译速度很慢，极大了影响开发体验，正逢技术转型以及新增产品业务线，于是拆分成了多个项目进行开发，但项目之间跳转、数据传递以及彼此交互时，就陷入了困境。

项目中一定会存在一些可被复用的组件，可能是完全自研的，也可能是基于已有组件组二次封装的。打包成一个可被不同项目间复用的 npm 包，则对待 CSS 如何处理就会有多种方式。