2022 年 react 生态，大家都用啥

@isukkaw #56

这么 nb 的吗？我刚试了下，貌似不行，用的 JB IDEA ，可否指教一下这种重构操作是怎么实现的？ IDEA 会根据 atom 找到 useAtom 前面 [a, setA] 的中 a ？然后全部重命名。

我再描述一下问题吧，比如我有 2 个 comp：


```
// A-Comp

const [isOpen, setIsOpen] = useAtom(atomA);

```


```
// B-Comp

const [isVisible, setIsVisible] = useAtom(atomA);

```

假如 isOpen 在代码中用了，不过我觉得不够好，想改成 isVisible ，这个时候其实 isVisible 和 isOpen 做了同样的事情，也引用了同样的一个 atomA ，但是他们两并不能互相知道，也没必要知道。

但是作为开发者来说，我希望他们应该一样才对，因为都是引用同一个 atomA ，即便是他们名字不一样但是只要 atomA 变了，他们两都要变。

我不知道这样描述是否妥当，我就是自身没办法规避和解决这个问题，所以换成了中心化的 valtio 。

@LiuJiang https://krausest.github.io/js-framework-benchmark/2022/table_chrome_101.0.4951.41.html

@bthulu hhhh ，LS 是好的，但是怎么观察 LS 已经改了呢？事实上，state 存哪里不重要，重要的是 state 发生变化了，其他组件要能知道，以便做出响应的变化。

如果不用 next.js ，如何做 ssr 服务器端渲染

写了那么多年都是：React + Redux + react-router 一套下来。去哪都不吃亏。

vite + redux-toolkit + react-router 再加个 less 和 tailwindcss ，没有什么不能做的吧

我自己用这个组合 react-router ，react-bootstrap ，fetch ，rxjs

强推 easy-peasy, rtk 太繁琐了

我只知道 redux 最难用，最恶心

在这里学来不少于 20 个的新名词

前端更新库这么快，真的对你们的项目有很大的提升吗？

mui emotion next.js jotai swr

umi antdpro 一把梭

@yuthelloworld 推荐 unocss+windicss

nextJS + tailwindCSS

umi + antd ，7 月打算切换到 vite

为什么要搞这么多东西…… 解决了什么问题

又重新看了这个贴，我发现我已经不会 React 了。

我把上面说的那些库的 GitHub 打开，每个都有那么多的 Star 。

到底是我我落伍了还是更新太快。

公司还在用 dva ，想迁也没办法迁，之前的文件太多了