React全家桶与前端单元测试艺术 (insights.thoughtworks.cn)

【简介】

单元测试的好坏在于“单元”而不在“测试”。如果一个系统毫无单元可言，那就没法进行单元测试，几乎只能用Selenium做大量的E2E测试，其成本和稳定性可想而知。科学的单元划分可以让你摆脱mock，减少依赖，提高并行度，不依赖实现/易重构，提高测试对业务的覆盖率，以及易学易用，大幅减少测试代码。

点击查看原文 >>

由 @Thoughtworks 2017-09-08 10:34 / 0个评论
赞过的人： @技术头条
要不要再学学下面的文章？
关于 React App 业务逻辑的组织 (zgq.me)
这篇文章分享了 React 应用开发的经验，重点是如何拆分渲染逻辑、组织代码文件、优化业务流程表达以及将事件驱动逻辑转换为命令式写法。通过使用自定义 Hook 和模块化设计，提升了代码的可读性和可维护性。

适合人群：有一定 React 开发经验的前端开发者，尤其是关注代码结构优化、状态管理和复杂逻辑处理的工程师。
by @技术头条 2025-01-19 23:38 查看详情
React i18n CSR 最佳实践 (innei.in)
本文探讨 React 应用在客户端渲染中的 i18n 实践，包括懒加载、性能优化和翻译文件管理的最佳方法。
by @技术头条 2024-11-02 16:57 查看详情
关于 React App 业务逻辑的组织 (zgq.me)
本文探讨了 React 应用的业务逻辑组织策略，涵盖渲染逻辑拆分、文件结构优化、业务流程的表达方式和状态管理。通过引入自定义 Hook 和状态机，提升模块间的高内聚、低耦合，便于维护复杂逻辑。文章还建议通过命令式写法和状态划分来简化流程，避免逻辑交叉，从而减轻代码阅读与维护负担。
by @技术头条 2024-11-02 16:56 查看详情
大前端：如何突破动态化容器的天花板？ (tech.meituan.com)
长久以来，容器要实现动态化和双端复用，难免要牺牲掉一些性能。有没有办法让动态化容器的性能尽可能接近原生？美团金服大前端团队给出了一种解决方案，尝试突破动态化容器的天花板。
by @技术头条 2024-11-02 16:22 查看详情
关于 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 查看详情
NextJS/React 加载远程组件 (innei.in)
写过文档的大佬们都知道 MDX 这个东西，对原本的 Markdown 进行了扩展，可以在 Markdown 中直接使用框架组件（React，Vue 等等）。
现在也有很多静态生成的博客使用 MDX 去编写博文，在博文中内嵌了 React 组件，在一些需要交互式的场景中，在传统的 Markdown 只能展示内容，而使用了组件就可以把死的文字变活。
MDX 的原理是在项目构建时，解析 Markdown 抽象语法树，把引入的组件进行了编译，然后嵌入到了文章内部。
而使用 MDX，就必须要引入编译时。而对于 CMS 类型的博客网站，因为内容都是动态生成的，就无法使用 MDX。
那么有没有办法去想一个歪路子去实现呢。
by @技术头条 2024-03-13 13:21 查看详情
前端工程师后端快速手册 (54chen.com)
作为前端工程师，拥有一定的后端知识是非常重要的。在日益复杂的Web应用开发中，前端工程师需要更全面地了解后端领域，包括数据库管理、安全性、Web框架的使用、AOP编程思想以及常见语言和框架的特性。本手册将为你提供一个简要但全面的后端知识概览，帮助你更好地理解后端开发的关键要点。
by @技术头条 2024-01-13 23:43 查看详情
后端工程师现代前端快速手册 (54chen.com)
大多数后端老人都会错过Node这一波的技术变化，还停留在JQuery的时代无法自拔，但实际上，前端发展已经日新月异，本文将从React和Vue的历史背景、基础原理、项目重要文件、常用知识等几个角度进行由潜入深的介绍，目的是使任何一位拥有后端开发经验的同学都可以快速上手前端开发，成为一名全栈开发人员。
by @技术头条 2024-01-13 23:43 查看详情
美团前端研发框架Rome实践和演进趋势 (tech.meituan.com)
本文整理自美团技术沙龙第76期《大前端研发协同效能提升与实践》，为大家介绍了美团到店前端研发框架Rome实践和演进趋势。具体来讲，本文首先介绍了Rome整体的工程生态、演变路径、规模化升级以及工程框架外的开发辅助工具；第二部分，重点阐述了如何做框架度量和相关的业务实践；最后做整体的总结以及对工程框架的下一阶段的思考。希望能对大家带来一些帮助或启发。
by @技术头条 2023-08-18 22:56 查看详情
使用微博登录，分享你的文章到本站