Better

Ethan的博客,欢迎访问交流

use nx or turbo about monorepo in 2025

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


Authentication and Authorization

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


new features and metaframeworks about React

了解 React 18/19 引入的新特性,以及元框架的发展。


Web Components basics

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


Themes and Colors in UI design

主题和颜色的选取与规范能看出一个产品的调性,体现专业度的同时,更是可以反向指导设计和开发,减少设计和开发之间的沟通隔阂,提升开发效率。本文就近期使用 tailwindcss 及其相关生态调研如 shadcn/ui、Radix ui 做一些思考总结。


justify and align in grid and flex

让 justify 和 align 不再容易混淆的图示。


场景卡顿问题优化

随着应用的不断迭代,场景的渲染开始越来越卡,数据量稍微大一点就卡顿明显,十分影响用户体验,记录一次场景性能优化过程,渲染时间从 200ms 下降到 20ms,效果明显。


toFixed, toPrecision and toString in javascript

关于浮点数的更多现象以及 api 了解。


Web performance optimization cheetsheet

Web 前端性能优化清单。


spatial index introduction

实现产品的精准捕捉时,当几何数据大了之后,普通的遍历比较很快就会遇到性能问题,这时候通常都是通过建立空间索引的方式实现快速查询。