重新思考 React 项目架构 (teobler.com)

【简介】

这篇文章想聊聊这四年我对前端架构的认识及思考，这是一个慢慢演进和一步步推翻自己的过程。

点击查看原文 >>

由 @Teobler 2022-10-17 13:52 / 0个评论
赞过的人： @IT技术博客大学习 @Teobler
要不要再学学下面的文章？
React i18n CSR 最佳实践 (innei.in)
本文探讨 React 应用在客户端渲染中的 i18n 实践，包括懒加载、性能优化和翻译文件管理的最佳方法。
by @技术头条 2024-11-02 16:57 查看详情
什么是 OWASP 安全项目 (dusays.com)
本文介绍了 OWASP 安全项目的核心内容，包括常见的十大安全风险，如注入攻击、身份验证失效、敏感数据暴露等。文章详细说明了每种风险的原理及其防护措施，例如注入攻击的过滤策略、跨站脚本（XSS）防护以及安全配置错误的避免方法。这些措施帮助开发者提高 Web 应用的安全性，避免常见漏洞的利用。
by @技术头条 2024-11-02 16:56 查看详情
关于 React App 业务逻辑的组织 (zgq.me)
本文探讨了 React 应用的业务逻辑组织策略，涵盖渲染逻辑拆分、文件结构优化、业务流程的表达方式和状态管理。通过引入自定义 Hook 和状态机，提升模块间的高内聚、低耦合，便于维护复杂逻辑。文章还建议通过命令式写法和状态划分来简化流程，避免逻辑交叉，从而减轻代码阅读与维护负担。
by @技术头条 2024-11-02 16:56 查看详情
容器技术驱动下的代码沙箱实践与思考 (blog.yuanpei.me)
本文探讨了基于容器技术的代码沙箱应用，旨在隔离代码执行环境，提升安全性和稳定性。通过 Docker 容器创建语言镜像，支持多语言代码执行。文章介绍了使用 Jupyter 实现代码可视化，并借助 nbformat 和 nbconvert 管理和执行 Jupyter 笔记本，增强代码展示效果。此方案不仅提高了开发灵活性，还便于在 AI 编程中实时展示和分析结果。
by @技术头条 2024-11-02 16:40 查看详情
温故而知新：后端通用查询方案的再思考 (blog.yuanpei.me)
本文探讨了后端通用查询方案的设计，通过 `Gridify` 库启发，提出基于泛型和接口的查询模型，优化分页和过滤功能。实现细节包括 `QueryParameter` 类和 `IQueryableFilter` 接口的使用，自定义模型绑定方式，使查询参数更灵活，支持多种前后端兼容格式。文章强调开发中平衡灵活性与规范性，并认为在 AI 辅助编程背景下，程序员应专注于复杂问题解决和生产关系的改善。
by @技术头条 2024-11-02 16:39 查看详情
第一性原理思考：解决问题的通用框架(续) (blog.devtang.com)
本文深入探讨了几种思维框架，包括28原理、谬误推导和终局思维等，帮助在决策中聚焦关键因素，判断信息真伪。文章还列举了常见误区，如误把相关性当因果、从众心理和情绪化决策等，提醒在信息泛滥中保持清晰的逻辑思维。通过案例分析，这些思维模式能有效提升问题解决和决策的效率。
by @技术头条 2024-11-02 16:25 查看详情
第一性原理思考：解决问题的通用框架 (blog.devtang.com)
本文介绍了解决问题的通用框架，基于“第一性原理”思考，分为信息收集、建模、判断和策略迭代四步。通过广泛收集经验与原始数据，建立问题模型，量化核心指标并不断优化策略，可以逐步解决复杂问题。框架虽无法保证执行到位，但帮助接近真实问题，为复杂决策提供可靠支持。
by @技术头条 2024-11-02 16:20 查看详情
关于 React App 业务逻辑的组织 (zgq.me)
在 React 应用开发中，本文探讨了高效组织业务逻辑的实践，包含渲染逻辑拆分、代码文件结构、业务流程表达以及状态管理策略等要点。通过合理划分组件与状态模块，使用自定义 Hook 封装复杂逻辑，提升代码的可读性与维护性。特别是在复杂应用中，推荐使用状态机与命令式逻辑来简化业务流程，使代码更加直观清晰。
by @技术头条 2024-11-02 16:10 查看详情
一种适用于 Zustand 和 React Query 的前端数据管理方式 (innei.in)
本文介绍了一种结合Zustand和React Query进行前端数据管理的方法。作者指出，直接使用React Query进行复杂数据的乐观更新可能会导致性能和维护问题。通过使用Zustand创建数据映射表和自定义hook，可以简化状态管理和数据同步，提升效率和可维护性。文章还提供了在开发RSS信息流浏览器“Follow”中的应用示例。
by @技术头条 2024-08-06 08:19 查看详情
如何找到并快速上手一个开源项目 (crossoverjie.top)
本文总结了如何参与开源项目。作者分享了从选择项目、了解社区规则到贡献代码的经验。文章建议新手从改善文档和修复小问题开始，逐步加深对项目的理解。同时，积极参与社区讨论和代码评审，能帮助提升技术水平和社区影响力。作者还强调了耐心和持续贡献的重要性。
by @技术头条 2024-08-06 08:08 查看详情
使用微博登录，分享你的文章到本站