你们遇到过的觉得比较烂的 react 代码大概长什么样？

[luffy]

我自己臆想下，大概可能有几个方面

1. 一个超级大的组件，几千行代码堆在一起。
2. 组件有一堆参数，并且完全不知道参数代码什么意思，甚至连参数本身的命名风格都不统一。
3. 完全违反了函数式编程的重要法则： 副作用太多，失控。debug 搞半天都不知道是哪个变量出的问题。
4. 同样功能，同类型的逻辑到处都是，同一款轮子一遍又一遍的被制造出来。大概是为了多创造些就业机会吧？
5. 无用的 div/css 太多了。 ...

这些你们有遇到过嘛？或者有别的，我没想到的？

[sjhhjx0122]

为了拆组件而拆组件
一堆 hook ，恨不得每个方法都抽成 hook
用 redux

[Rocketer]

大组件令人讨厌，过度设计一样让人痛苦。

我现在经手的一个 Angular 项目，大部分文件都只有一两行代码，多的也不超过 10 行，拆得那叫一个细。

而且他还把很多模块发布成了库，得 npm install 才能用。

Q：这么高大上的项目，规模应该很大吧？
Ａ：其实很小，我估计我一个人做也超不过半年。

Q：那是架构师为了炫技？
Ａ：我也没看出来，因为这代码里完全没有注释，仅此一点就让人觉得他很不专业。

[dvsilch]

我个人是见过写 Vue 的把一个页面分成几个所谓的「组件」然而状态全在 vuex 里维护，导致一个 store1000 多行看都没法看
但是话说回来了如果放在 data 里东西也多得要死不好维护，所以这个问题确实有点无解，至少我不是很喜欢仅仅为了拆逻辑把代码进行抽象

[supuwoerc]

@Bojackk 5k 到 8k 行一个页面？这人工资给这都多了（狗头）

[hu1e]

现在的代码就是这样，只能说这种代码确实又创造了不少工作机会🤣🤣🤣

[weixiangzhe]

@Twinkle 格式化完，锅就是你的了

[dany813]

@Rocketer hah ,为了拆而拆，好蛋疼，深有感触

[fernandoxu]

我们项目是 antdpro1 搭建的，啥都升不动，class 、hooks 、jquery 混搭，舒服的一批

[Alander]

effectA depends stateA => setStateB => effectB depends stateB => setStateC => effectC depends stateC => setStateD => ... => effectN depends stateN => setStateN+1

这种链式的 useEffect 依赖是真的可怕，我就想找个函数被调用的地方都找不全

[luffy]

这么多人有类似的反馈。

看来整个市场上的开发环境很恶劣啊。

如果有遇到开发环境比较 nice 的公司，各位一定要在这里分享。