KooFE

本文介绍了几种 React 设计模式，并结合具体的开发实践做了一些实例。这些模式和技巧的应用，能够将一些复杂的问题很轻松的解决掉，达到事半功倍的效果。...

React.lazy 主要用于实现组件的动态加载，从而减少初始加载时间并提高应用的性能。在 React 应用中有较大的组件需要加载时，使用 React.lazy 可以帮助我...

什么是服务器驱动的 UI？它们是如何工作的，为什么它们在现代 JavaScript 开发中变得如此重要？本文旨在回答这些问题，并深入介绍服务器驱动的 UI，它们的优劣势，以...

UI 设计很难，但是也没那么难，遵循一定的设计原则，来提高用户体验。本文介绍了 16 种设计原则，并且通过案例来说明如何使用这些原则。...

本文讨论的内容可以帮助你重新掌握自己的时间，并使你在交付结果方面更加高效，同时让团队能够在没有持续打扰的情况下成长和学习。...

React 18 引入了并发特性，从根本上改变了 React 应用程序的渲染方式。本文将探讨这些最新特性如何影响和提升应用程序的性能。...

React 改变了我们构建 UI 的思维方式，随着它的不断发展，它也正在改变我们构建应用程序的思维方式。在本文中，我们将探讨 React 演进以及出现的各种代码重用模式。...

useMemo 是一个非常有用的工具，可以帮助优化 React 组件的性能。通过在适当的地方使用 useMemo，可以避免不必要的计算，提高应用程序的响应性和效率。...

在自建知识库中应用，通过将文本转化为嵌入向量的形式，搭配 OpenAI 的问答系统可以根据用户的提问，从自建知识库中智能查找相关信息并给出回答。...

ChatGPT 和 json-server，可以帮助前端开发人员生成 mock 数据，并通过 RESTful API 轻松提供数据。...

学习一下 ChatGPT，在 Gitlab 中使用 ChatGPT进行 CodeReview，功能比较简单...

本文主要介绍为什么需要访问 DOM、Ref 如何帮助我们实现这一点、useRef、forwardRef 和 useImperativeHandle 是什么，以及如何正确使用...

useSyncExternalStore 是 React 18 引入的一个 hook，本文主要介绍 useSyncExternalStore 的一些使用场景。...

本文主要讨论如何在 React 中捕获和处理错误，介绍了 try/catch 和错误边界（Error Boundary）等方法的适用场景以及优缺点，以及 Dan 给出的一个...

复合组件是 React 的一个高级模式，通常是由两个或两个以上的组件共同来实现某项功能。其中一个组件作为父组件，其余组件作为它的子组件，利用这种显式父子关系来共享隐式状态。...

Excalidraw 是一个比较受欢迎的手绘风格的白板应用，它提供了编辑器以及相关组件来支持开发者自己搭建应用。本文主要介绍 Excalidraw重构过程中对组件API的思...

本文将讨论 React 数据获取的一些方法和原理，并深入了解 Promise 在数据获取时如何导致了条件竞争（race conditions）以及如何避免它们。...

本文主要介绍 React ref callback 的使用场景，只有在访问底层的 DOM 元素时，才需要 ref callback...

在这篇文章中，我们将回顾各种 CSS 最佳实践的演变过程，它们伴随着时间而发展和变化。最后，我们将探讨如何在大型项目上实现可扩展的 CSS，以及 Tailwind 等一系列...