博文翻译
重新思考React最佳实践
原文地址 十多年前,React 重新思考了客户端渲染单页应用程序的最佳实践。
如今,React 的采用率达到了顶峰,并继续受到健康的批评和质疑。
React 18 和 React 服务器组件(RSCs)一起,标志着从最初的 “视图” 客户端 MVC 的标签线…
ReactRouter6-4中的LazyLoading
原文地址:Lazy Loading Routes in React Router 6.4+ React Router 6.4 引入了“数据路由器”的概念,主要关注点是将数据获取与渲染分离,以消除渲染 + 获取链和随之而来的旋转加载图标。
这些链条通常被称为 “瀑布…
React Hooks 是一个错误吗
原文地址:Were React Hooks a Mistake? Web 开发社区最近几周一直在谈论信号,这是一种反应式编程模式,可以实现非常高效的 UI 更新。Devon Govett 写了一个引人深思的 Twitter 线程,讨论了信号和可变状态。Ryan Carniato…
React-Hooks 复合组件
原文地址 复合组件是你有两个或更多的组件一起工作来完成一项有用的任务。通常,其中一个组件是父级,另一个是子级。目标是提供更富表达性和灵活性的 API。
把它想象成<select>和<option>:
Copy
<select>
<option value="value1…
理解Next13的App目录架构
原文地址:Understanding App Directory Architecture In Next.js 理解 Next13 的 App 目录架构
什么是 App 目录?
快速比较
App 目录的构建模块
SERVER COMPONENTS 简介
扩展的…
html标签和body标签在css的区别
原文地址:HTML vs Body in CSS <html>和<body>之间的区别很容易被忽略。这似乎是一件小事。必须承认,我有一个坏习惯,把所有全局样式都应用到<body>,当效果不理想时,我就会不加思考地移到<html>。
然而,还是有区别的,无论我们是 CSS…
解决困难问题的实用指南
原文地址:Practical Guide to Solving Hard Problems 我有时发现自己需要写一些代码,但我不知道如何写。你有过这样的经历吗?以下是我在遇到困难时采取的步骤。这里没有什么大发现,只有来之不易的建议。
在输入任何代码之前,认真思考这个问题几个星期…
Suspense的基本原理
原文地址:A Fundamental Guide To React Suspense 另一个将在 React 18 中发布的大功能是 Suspense。如果你在 React 开发领域呆的时间比较长,那么你会知道 Suspense 功能并不是特别新。早在 2018 年…
React服务器组件如何工作:深入指南
原文地址:How React server components work: an in-depth guide React 服务器组件如何工作:深入指南
什么是 React 服务器组件
这不是服务器端渲染吗?
为什么我们会想要这个?
类比直观的认识
服务器…