星期一 12 凌晨 二月 20o 2023
Maximising performance with code splitting techniques
Maximising performance with code splitting techniques
You can maximise the performance of your React applications with my guide to the latest code-splitting techniques. Learn how to use dynamic imports, React Lazy, Loadable Components, route-based code splitting, preloading, inlining critical CSS, and dynamic chunks with code examples.
Don’t build a CSV importer (sponsor)
OneSchema is a ready-made CSV importer for developers which automatically corrects customer data. (Also: edge case handling, simple UI, bulk editing). Engineering teams use OneSchema to save months of development time building a CSV importer. With a large library of prebuilt validations and robust SDKs, OneSchema only takes 30 minutes to get running in your app. See how OneSchema works.
Detecting unnecessarily mounted React components in a large app
We ran into a problem while refactoring how we load modals in our app: How do we know which pages use them and which do not?
Adopting React in the Early Days
Adopting React hasn’t always been so easy. This article is not about the story of React, but rather a tale of my own experience of the early days, and the challenges I encountered.
How to handle errors in React: full guide
Looking into how to catch and handle errors in React: usages, patterns and caveats of try/catch and ErrorBoundary, what’s possible, what’s not, and how to catch async errors with ErrorBoundary.
React Hooks: Compound Components
How do compound components change with React hooks?
通过我的最新代码分割技术指南，您可以最大限度地提高 React 应用程序的性能。通过代码示例了解如何使用动态导入、React Lazy、可加载组件、基于路由的代码分割、预加载、内联关键 CSS 和动态块。
不要构建 CSV 导入器（赞助商）
OneSchema 是一款为开发人员提供的现成 CSV 导入器，可自动更正客户数据。 （另外：边缘情况处理、简单的 UI、批量编辑）。工程团队使用 OneSchema 来构建 CSV 导入器，从而节省数月的开发时间。凭借大量预构建验证和强大的 SDK，OneSchema 只需 30 分钟即可在您的应用程序中运行。了解 OneSchema 的工作原理。
我们在重构如何在应用程序中加载模式时遇到了一个问题：我们如何知道哪些页面使用它们，哪些页面不使用它们？
采用 React 并不总是那么容易。这篇文章不是关于 React 的故事，而是关于我自己早期的经历以及遇到的挑战的故事。
研究如何在 React 中捕获和处理错误：try/catch 和 ErrorBoundary 的用法、模式和注意事项、什么是可能的、什么是不可能的，以及如何使用 ErrorBoundary 捕获异步错误。
复合组件如何通过 React hooks 改变？
发布者