2024.1.18

合集 - 自说自化(31)

1.2024.1.112024-01-112.2024.1.102024-01-103.2024.1.122024-01-124.2024.1.132024-01-135.2024.1.152024-01-15

6.2024.1.182024-01-19

7.2024.1.192024-01-198.40 个拓展思维的概念/一位 44 岁老人的人生经验2024-01-229.bigfrontend/usehooks2024-01-2310.React 面试题/Hooks CheatSheet2024-01-2411.zustand/useWhyDidYouUpdate/HTTP 缓存2024-01-2512.react tips/webpack热更新原理/webpack优化性能/超级蔬菜配比2024-01-3013.延迟Promise/单项目多npm版本/webpack好处/webpack5构建速度2024-02-0214.钝感力/孤独力/antd低代码2024-02-0615.ReadableStream/TransformStream/HMR/软件设计哲学/SSR 条件渲染/CSS.escape/Copilot2024-02-2016.写少一点/ARCHITECTURE/JavaScript类型转换/Logitech Options一直转圈2024-03-0117.prompt生成器/为什么需要react服务器组件/建议2024-03-2318.ts using/核心技能/三个我/日志/如何做好工作/多写/写简单的代码2024-04-0319.tailwindcss/React 性能优化2024-04-1220.一次性初始化/重新挂载/便捷类型/优化技巧2024-04-1921.DoD2024-04-1922.三角不等式/react ts 速查表2024-04-1923.delete/声明语句/赋值操作2024-04-2224.在macOS上管理MongoDB：服务和手动后台进程2024-04-2225.export/import2024-04-2526.深入解析JavaScript的块级作用域和for循环的性能考量2024-04-2527.常用术语2024-05-0728.停车场的投币器/return/throw/动画方案/疑难杂症/GetValue/Empty/引用解析与执行顺序/+ 和 - /双点语法2024-06-0629.new/类/null/+/PrimitiveValue/valueOf/toString/环境/HTML 脚本元素属性2024-06-0730.实时字幕/Suspense/ref的妙用/MutationObserver2024-06-2131.zustand Auto Generating Selectors/ts-pattern/swr/TypeScript在monorepo项目中实现即时更新/monorepo docker/turb 使用2024-07-05

收起

1. 9 ：50 公司
2. 《关于 React 组件组织和拆分。》几个思路，1）提取子组件以拆分视图，2）提取非视图逻辑到 hooks，3）提取领域模型以封装逻辑。但也要注意别过度抽象，个人感觉文中的抽象有些过，线性的逻辑更适合阅读。https://martinfowler.com/articles/modularizing-react-apps.html
3. 《React中的父组件和子组件：数据流》好的组织方式有这些优点，1）易于追踪的数据流，2）封装良好的组件，3）良好的渲染性能。一些点，1）避免属性钻取（prop drilling），2）Slotted Components，组件可以让父组件决定如何在它们内部放置内容，3）注意 Parent 和 Owner 的区别，Parent 是树结构的上下级，Owner 表示由谁渲染，可能跨很多 Parent 级，4）通过提升组件来扁平化拥有者层级，可以使数据流更短，从而实现更好的组件封装。https://julesblom.com/writing/parents-owners-data-flow