Say no to “flickering” UI: useLayoutEffect, painting and browsers story
How to change elements base on DOM measurements: what is the problem with useEffect, how useLayoutEffect fixes it, what is browser painting, and how SSR plays a role here.
Code to Container to Kubernetes Deployment (sponsor)
This live training series covers how to deploy applications on Kubernetes, including containerization, automating with Terraform and GitHub Actions, managing services and storage, and implementing serverless deployments with Knative.
Mastering ReactJS optimization
As applications grow in complexity, however, it can become challenging to ensure optimal performance. In this blog post, we’ll explore some of the key techniques for optimizing React applications.
Integrating React Flow and the Web Audio API
Today we’ll be looking at how to create an interactive audio playground using React.
Advanced Multistep Forms with React Hook Form
In a previous post, we built a basic multistep registration form using React and React Hook Form. In this article, we’ll expand upon that foundation by implementing improvements, such as enabling data saving during step navigation and enhancing the visual representation of each step’s state.
Higher Order Components in React: Examples with Common Use-case Patterns
In this blog post, we will learn what are Higher Order Components, and learn about common use-case patterns. We will also look at code examples of common use-case patterns using Higher Order Components.
ChatGPT Problems in Coding React Apps
ChatGPT is awesome for helping in programming but it’s not up to the task of being an expert system. I’d say it’s more like a beginner programming helper that really does not know the difference between good and bad. It will improve it’s results on request, but still, you really need to understand what’s going on in the language of your choice if you want to use it.
React Context: The Detailed Guide
Usually when you want to pass data from the parent component to the child components then you use props.
Breaking React Query’s API on purpose
Why good API design matters, even if it means breaking existing APIs in the face of resistance.
对“闪烁”UI说不：useLayoutEffect、绘画和浏览器故事
如何根据 DOM 测量更改元素：useEffect 的问题是什么，useLayoutEffect 如何修复它，什么是浏览器绘制，以及 SSR 如何在这里发挥作用。
代码到容器到 Kubernetes 部署（赞助商）
该现场培训系列涵盖如何在 Kubernetes 上部署应用程序，包括容器化、使用 Terraform 和 GitHub Actions 实现自动化、管理服务和存储以及使用 Knative 实施无服务器部署。
然而，随着应用程序变得越来越复杂，确保最佳性能可能变得具有挑战性。在这篇博文中，我们将探讨优化 React 应用程序的一些关键技术。
今天我们将了解如何使用 React 创建一个交互式音频游乐场。
在上一篇文章中，我们使用 React 和 React Hook Form 构建了一个基本的多步骤注册表单。在本文中，我们将通过实施改进来扩展该基础，例如在步骤导航期间启用数据保存以及增强每个步骤状态的可视化表示。
在这篇博文中，我们将了解什么是高阶组件，并了解常见的用例模式。我们还将查看使用高阶组件的常见用例模式的代码示例。
ChatGPT 在帮助编程方面非常棒，但它无法胜任专家系统的任务。我想说它更像是一个初学者编程助手，真的不知道好与坏的区别。它将根据要求改进其结果，但是，如果您想使用它，您仍然需要了解您选择的语言中发生的情况。
通常，当您想要将数据从父组件传递到子组件时，您可以使用 props。
为什么良好的 API 设计很重要，即使这意味着在面临阻力时打破现有的 API。
发布者