# 前端架构

说实话 个人工作七年感觉前端很难有架构这么一个说法

## 技术栈

* 基础三件套： react react-router react-redux
* 监控埋点： 用户行为 错误日志 性能指标 lint
* 单测：jest、e2e（极少） gihook + lintstage + eslint

## 持续集成

* docker 镜像
* 机器上跑脚本

## 灰度策略

* 根据像header url
* 用户，或者是说部门切换
* 流量开关 按照比例去切换新旧

## BFF层

* SCR （next.js）
* server component(RSC)
* faas

## 微前端

* 基础qiankun
* pnpm
* monorepo(rush、lerna)

## 组件库

* storybook / dumi

## 参考

[Nextjs的server component](https://juejin.cn/post/7354019135993528360?searchId=2024060317133179390DCEAD1CF1B69776#heading-8)
