前端自习课-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端自习课

每日清晨，享受一篇前端优秀文章。

专栏成员

550

文章

765280

阅读量

67

订阅数

【React】2054- 为什么React Hooks优于hoc ？

react 渲染函数解决方案数据

在现代的 React世界中，每个人都在使用带有 React Hooks的函数组件。然而，高阶组件（HOC）的概念在现代的 React世界中仍然适用，因为它们可以用于类组件和函数组件。因此，它们是在历史和现代 React 组件之间使用可重用抽象的完美桥梁。

2024-05-27

1340

【React】1981- React 的 8 种条件渲染的方法

函数数据最佳实践 react 渲染

条件渲染是React中的一个强大功能，它允许开发人员根据某些条件控制组件的显示。它在创建动态和交互式用户界面方面发挥着至关重要的作用。

2024-03-18

1060

【React】1935- 来看看 SWR 如何用 React Hook 实现优雅请求

hook 表格数据 react 缓存

以上几种场景各自都有特殊的处理方式，例如为 axios 增加类似防抖的重复请求处理，计算用户无请求发送时间以确保数据更新，或者为了方便请求响应数据的传递引入庞大的状态管理库。

2024-01-29

8150

【React】1926- Pinia 的 React 版本：你的 React 状态管理新选择！

proxy state 管理 react count

提到 React 状态管理，我最初是接触的 Context，就是用 useContext 和 useReducer 去做状态管理，写多了发现还是挺麻烦的，还会出现 “Provider 嵌套地狱” 的问题，对于不同的 state 也不好组合计算。后面了解到 Redux，固有的模式使得用户需要编写很多重复和复杂的代码，甚至开发者也说了 “Try MobX”。对于 MobX，和前者的的函数式编程不同，它采用的是面向对象式的对状态进行管理，我本身并不是很习惯面向对象，这些状态管理库的心智负担，都太大了些。

2024-01-15

5330

【React】1849- 21 个让 React 项目更整洁的最佳实践

react 渲染对象字符串最佳实践

原文地址：https://dev.to/mohammadfaisal/21-best-practices-for-a-clean-react-project-jdf

2023-10-29

3820

【React】1804- React 实现自动上报 pv/click 的埋点 Hooks

react click 函数实践事件

此篇文章笔者将围绕 React 中自定义 hooks 给大家讲讲自定义 hooks 的概念以及我们要如何来设计编写自定义 hooks...

2023-09-14

3740

【React】1738- 请停止在 React 中使用“&&”进行条件渲染

react 渲染 list 工作开发

我经常需要编写需要从服务器端获取数据的页面，这些数据用于呈现列表。如果数据的长度为0，则不应显示。

2023-09-01

2750

【Web技术】1498- 基于 Web Components 的新一代跨框架 UI 组件库

react 网站 angularjs vue.js

新一代基于 Web Components 的跨框架 UI 组件库 Quark ，输出标准的 Custom Element，组件可以同时在 React、Vue、Preact、Angular 或原生 JS 等任意框架或无框架中使用。

2022-11-15

1.4K0

【Web技术】1445- 如何使用 Hooks 写出高质量的 React 和 Vue 组件？

vue和react都已经全面进入了hooks时代（在vue中也称为组合式api，为了方便后面统一称为hooks），然而受到以前react中类组件和vue2写法的影响，很多开发者都不能及时转换过来，以致于开发出一堆面条式代码，整体的代码质量反而不如改版以前了。

2022-11-15

1.1K0

【React】1427- 如何使用 TypeScript 开发 React 函数式组件？

react https 网络安全 typescript

在我们使用 React 开发项目时，使用最多的应该都是组件，组件又分为「函数组件」和「类组件」，我们可以这么定义：

2022-11-15

6.4K0

【React】1413- 11 个需要避免的 React 错误用法

react 渲染编程算法

随着 React 越来越受欢迎，React 开发者也越来越多，在开发过程中也遇到各种各样的问题。

2022-11-15

1.6K0

11 个需要避免的 React 错误用法

react javascript typescript

随着 React 越来越受欢迎，React 开发者也越来越多，在开发过程中也遇到各种各样的问题。

2022-08-15

2.1K0

6 个你必须明白 Vue3 的 ref 和 reactive 问题（入门篇）

vue.js javascript typescript react

Vue3 为开发者提供 ref和 reactive两个 API 来实现响应式数据，这也是我们使用 Vue3 开发项目中经常用到的两个 API。

2022-08-04

2K0

【React】1260- 聊聊我眼中的 React Hooks

react 渲染 api

时至 2022 年年初，React Hooks 已在 React 生态中大放异彩，席卷了几乎所有的 React 应用。而其又与 Function Component 以及 Fiber 架构几近天作之合，在当下，我们好像毫无拒绝它的道理。

2022-04-14

1.1K0

【面试题】1085- setState 到底是同步的，还是异步的

批量计算 react mapreduce 云推荐引擎网站

这是一道变体繁多的面试题，在 BAT 等一线大厂的面试中考察频率非常高。首先题目会给出一个这样的 App 组件，在它的内部会有如下代码所示的几个不同的 setState 操作：

2021-10-08

5450

【React】1077- React Fiber架构浅析

https 网络安全 react github git

为了更好的理解 React Fiber, 我们先简单了解下渲染器进程的内部工作原理。

2021-10-08

7070

【实战】1096- React 中后台系统多页签实现

react apache 缓存 vue.js redux

本项目是我现在所在部门的项目，是一个企业级中后台管理系统，包括系统管理、角色权限体系、基于 Activiti 的工作流引擎等很多开箱即用的功能。项目包括前后端，后端是我们部门自研的基于 Spring 的企业级 Java 框架，前端是 React 技术栈，当时还是 v15 版本。React Router 还是 v2 版本。

2021-10-08

2.5K0

【Web技术】剖析前端异常及降级处理

node.js react javascript

“异常”一词出自《后汉书．卷一．皇后纪上．光烈阴皇后纪》，表示非正常的，不同于平常的。在我们现实生活中同样处处存在着异常，比如小县城里的路灯年久失修...，上下班高峰期深圳的地铁总是那么的拥挤...，人也总是时不时会生病等等; 由此可见,这个世界错误无处不在,这是一个基本的事实。

2021-09-09

1.3K0

【框架】984- 2021 年最佳 JavaScript 框架

javascript 开源 react angularjs

据 Stackoverflow 的 2021 年开发者调查，JavaScript 已连续第八年成为使用最多的语言，有 67.7% 的受访者选择它。之所以如此受欢迎，主要是因为 JavaScript 是通用的，可以用于前端和后端开发和测试网站或 Web 应用程序。

2021-06-24

7410

【React】946- 一文吃透 React Hooks 原理

react 编程算法

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际react-hooks也并没有那么难以理解，听起来很cool，实际就是函数组件解决没有state，生命周期，逻辑不能复用的一种技术方案。

2021-05-14

2.4K0

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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