编写长长长长长的组件
一整个页面只编写1个组件去维护,单个组件代码行数轻松写到1000行以上。
拒绝Ts
坚决不用Ts,甚至将Ts写的项目重构成Js代码。
拒绝hooks
所有组件都用Class组件,拒绝函数组件,拒绝hooks。
样式混用和强行覆盖
内联样式与css文件样式混用和覆盖。类名随便起,不要透露结构信息,相同的css代码在各个类上直接复制黏贴一份。遇到冲突的样式强行再覆盖一层。
全面拥抱状态管理器
所有状态都通过类似Redux或Mobx等状态管理器去管理。
不做模块抽象和复用
每个功能都从0开始实现,不抽象任何公共组件,不把高频出现的逻辑抽象成hooks,不抽象出工具函数,坚决不复用任何逻辑。
父子组件多传参,尽可能多层传递
父组件给子组件传非常多参数,然后子组件继续又将这些参数层层往下传递。
单文件开发
将状态、数据、类型、工具函数、网络请求和组件等等全部放入一个文件中。
打破文件组织结构与组件结构关系
虽然组件天然是一个多叉树结构,但相应的文件全部平铺到1层。
不封装网络请求函数
每次请求都创建新的Axios实例,网络请求错误不统一拦截,全部单独catch。
到处修改UI组件库内部样式
为了达到设计要求,通过导出类名强行覆盖UI组件库的内部css样式,多用!important魔法。
多用Js代替CSS实现效果
伪类伪元素等坚决不用,动画过渡等效果也必须通过Js实现。
把JSX结构掰开揉碎
直接在JSX上写长函数和复杂参数,至少需要达到一眼看上去稀碎,完全无法在脑中构建出页面的样子。
到处使用微前端
尽可能的把页面拆成一个个单一功能的微前端应用。
不要argue需求
对于产品或设计给到的需求全盘接受,尽力实现交互复杂混乱繁冗的功能,获得技术成就感,做一只不挑食的小白兔。
代码永远不写注释!