不知非攻-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

不知非攻

专栏成员

139

文章

82836

阅读量

33

订阅数

我真的太爱 useOptimistic 这个新 hook 了

hook 基础接口设计数据

如果你之前在开发项目的过程中，被乐观更新的需求折磨过，那么你一定会喜欢 React 19 新出的一个相关的 hook

2024-05-28

270

真是奇思妙想！useActionState，困扰了我整整两天

异步官方文档表单函数数据

这个 API 给我带来了非常大的困扰。因为在使用场景上，它和 useState 太类似了，类似到我花了很长时间都想不通，它到底为什么需要单独存在，因为它能做的事情，useState 也能做，它到底有什么独特之处呢？

2024-05-28

310

React 新 hook：useFormStatus 使用详解

表单函数异步 react hook

一个令人振奋的特性就是，在 React19 中，action 支持传入异步回调函数。

2024-05-28

440

React 支持 form action 是在作妖？不，它是一种重磅回归

react action form 表单开发

在 html 的基础知识中，表单是很重要的一个环节。但是由于各种原因，原生的表单开发方式相关知识被部分前端开发所遗忘，他们对 form action，formdata 有一种陌生感。

2024-05-28

410

来自 React 19 的背刺：forwardRef 被无情抛弃

设计 react 容器 ref 对象

在之前的版本中，forwardRef 一直是我最爱用的 ref 之一。它在封装组件时非常有用。可是万万没想到，由于使用方式稍微麻烦了一点，在新的版本中，直接被 React 19 背刺一刀，实现同样的功能，以后可以不用它了.... forwardRef 被无情抛弃。

2024-05-28

400

有点东西啊！一个被小瞧的冷门 hook 补全了 React 19 异步最佳实践的最后一环

最佳实践 react 渲染 hook 异步

useDeferredValue，一个出了很久，但是我几乎没咋在实践中用到过的超冷门 hook。它有多冷门呢，我之前甚至都觉得没必要介绍它。

2024-05-28

470

我已彻底拿捏 React Compiler，原来它是元素级细粒度更新。原理性能最佳实践都在这七千字里

react 编译性能原理最佳实践

从 React Compiler 开源到现在我连续研究分析 React Compiler 已经四天时间了，这期间我积累了大量的使用心得，整体感受就是它真的太强了！！！

2024-05-28

610

又骚又准！定位代码问题，离谱操作才神技！推荐你也试试

开发微信小程序渲染小程序动画

在你漫长的职业生涯中，你一定会遇到这样一种代码问题：你费尽毕生功能，搞断点、打 log，抓包，google... 各种高端操作轮番上阵，使尽浑身解数，然后，你，依然解决不了它。

2024-05-28

430

苦等三年，React Compiler 终于能用了。使用体验：很爽，但仍有瑕疵

优化 react 插件开发者配置

自从从它第一次在 React Conf 2021 亮相。到现在 React Conf 2024 正式开源，我已经苦等了三年之久。盼星星盼月亮，终于把他给盼来了。

2024-05-17

3400

丢人啊，工作 10 年了，才知道用这种方式实现 CSS 换肤

数据 css 变量工作设计

与之前的版本相比，在 React19 中，context 有一些细微的变化。主要体现在如下三个方面。

2024-05-17

690

React Suspense 进阶用法，结合 useTransition 使用

函数接口异步 react 渲染

我们在前面学习了 Suspense。Suspense 的 fallback 与子组件内容的显示是一个互斥关系。因此，当我们在请求过程中，需要显示 Loading 时，内容就会被隐藏掉。

2024-05-17

930

项目升级到 React19 难度如何？生态初探：利用 react-markdown 实现代码高亮

react 渲染 markdown 工具开发者

经过前面几个实践案例的学习，我们都已经知道，React19 有非常吸引开发者的特性值得我们去升级。但是与此同时，我们也感受到了某些改动确实挺大的。因此在交流群里，大家会有一个比较明显的担忧，这种比较大的版本更新，是否会导致升级困难？

2024-05-17

1060

一个巧妙设计，解锁 React19 初始化接口最佳实践，彻底摒弃 useEffect

架构接口设计最佳实践函数

在 React 19 中，由于 use() hook 的出现，让我们有机会不借助 useEffect 就可以简单实现初始化。代码简洁度将会进一步提升。我们来回顾一下如何做。

2024-05-11

1010

震惊！用 Suspense 解决请求依赖的复杂场景居然这么简单！

数据后端接口开发前端

那就是一个页面有多个模块，每个模块都有自己的数据需要请求。与此同时，可能部分模块的数据还要依赖父级的异步数据才能正常请求自己的数据。如下图所示，当我们直接访问该页面时，页面请求的数据就非常多。而且这些数据还有一定的先后依赖关系。

2024-05-10

700

太冤了！群友因为这个功能的实现没回答好，到手的 offer 飞了。来看看 React19 如何解决

搜索优化对象接口事件

之前一个群友「三年经验」找我诉苦。说遇到一个奇葩的面试，千辛万苦过了三面，等对方团队着发 offer 的时候，结果对方 hr 说有另外一个人也过了面试，各方面都跟他差不多。所以对方团队不知道如何抉择，想要加面一个面试题，聊十分钟来最终决定选谁。

2024-05-09

650

React 19 出手解决了异步请求的竞态问题，是好事还是坏事？

渲染数据数组异步 react

在客户端开发中，这是一个老生常态的问题。一个有经验的前端工程师必定是对这个问题的情况与解决方案如数家珍。因此竞态问题也经常在面试的过程中被讨论。

2024-05-09

1270

喔！React19 中的 hook 可以写在 if 条件判断中了。use 实践：点击按钮更新数据

hook 设计实践数据 api

这里一个非常关键的地方就在于，当我们要更新的数据时，我们不再需要设计一个 loading 状态去记录数据是否正在发生请求行为，因为 Suspense 帮助我们解决了 Loading 组件的显示问题。

2024-05-09

1660

被严重低估！React 19 又是一次开发方式的变革，useEffect 将会逐渐退出历史舞台

开发者性能 react 渲染开发

我写这篇文章的时间是 2024.05.04，React 团队将会在 11 天之后，举办 React conf，届时 React 19 正式版应该会发布。这个时间点，距离 React 18 正式发布已经过去了整整两年。

2024-05-09

2940

基于 Taro 的微信小程序开发实战：如何支持高亮代码块

taro 开发微信小程序渲染小程序

如果我们想要开发一款程序员使用的社区小程序，那么对 markdown 格式的解析与渲染是一个非常重要的功能。不过要完善的支持 .md 格式，在微信小程序中并不是一件容易的事情。好在微信小程序目前已经支持 html 标签渲染，因此我们有许多的 web 方案可以借鉴。

2024-04-19

1480

从基础概念到进阶思考，完整的递归思维学习

排序数组递归函数基础

无论是刷算法题，还是日常开发，递归都是一个非常常用的解决问题的思路。利用递归思维，我们可以使用少量的代码解决复杂的问题。不过在刚开始的时候，递归通常没有那么容易理解，我们就从图示中的几个方向，系统的为大家介绍递归的学习与运用。

2024-04-18

1010

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态