首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React基础知识
jnsytgsyqjgm
创建于2024-11-16
订阅专栏
React基础知识学习
暂无订阅
共18篇文章
创建于2024-11-16
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
深入理解 React Fragment:简化组件结构,提升性能
在现代前端开发中,React 已经成为了最流行的 JavaScript 库之一。随着应用规模的增大,组件的复杂性也随之增加。为了保持代码的可读性和可维护性,开发者们常常需要寻找更优雅的方式来组织组件结
React 18 中的 startTransition 与 useTransition
React 18 引入了多项令人兴奋的新特性,其中 startTransition 和 useTransition 是并发模式(Concurrent Mode)中的关键部分,旨在提升用户体验,通过区分
React 18并发模式
React 18 的发布标志着 React 框架迈入了一个全新的时代,其中并发模式(Concurrent Mode)的引入无疑是此次更新的重头戏。这一模式不仅重塑了 React 的渲染机制,还为开发者
React 组件的通信方式
在 React 应用开发中,组件之间的通信是构建复杂用户界面和交互逻辑的关键。正确地实现组件通信能够让我们的应用更加灵活和易于维护。以下是几种常见的 React 组件通信方式。 一、父子组件通信 1.
Redux Toolkit
看这篇文章之前,请先阅读《Redux的介绍以及使用(内附完整代码)》这篇文章的内容!! 简介 Redux还为我们提供了一种使用Redux的方式——Redux Toolkit,Redux工具包,简称RT
Redux的介绍和使用
这篇文章主要是介绍redux的基本概念,以及redux如何使用!! Redux简述 Redux 实际上是: 包含全局状态的单一仓库 当应用中发生某些事情时,分发普通对象(plain object) 动
React中的Ref
一、Ref的基础概念 Ref是React提供的一个接口,允许我们访问在渲染过程中创建的DOM节点或组件实例。它通常用于需要直接操作DOM或访问组件内部状态的情况。值得注意的是,Ref并不属于React
React的生命周期
React的生命周期是一个描述组件从创建到销毁的整个过程的概念,这个过程被分为几个关键阶段,每个阶段都有其特定的生命周期方法(也称为“钩子”或“回调函数”)。 生命周期总体概览 react的生命周期分
React的useCallback
在React开发中,useCallback是一个非常重要的Hook,它主要用于优化性能,特别是在处理回调函数和组件渲染时。 一、什么是useCallback? useCallback是React中的一
React.PureComponent:提升 React 应用性能的利器
在 React 开发中,性能优化是一个重要的话题。当应用变得复杂时,确保组件的高效渲染对于提供流畅的用户体验至关重要。React.PureComponent 就是一个可以帮助我们实现性能优化的工具。
React的useMemo Hook
在React的函数组件世界中,useMemo 是一个非常重要的 Hook,它用于优化性能,避免在组件的每次渲染中都执行昂贵的计算。 useMemo 的基本概念 useMemo 是一个React Hoo
React中的自定义Hook
React 16.8 引入了 Hooks 这一重大特性,使得函数式组件也能使用 state 和其他 React 特性,极大地提升了代码的可复用性和开发效率。自定义 Hook 作为 Hooks 机制中的
React的useLayoutEffect
引言 在React中,useEffect 和 useLayoutEffect 是两个非常关键的Hook,用于处理组件的副作用(side effects)。尽管它们在很多方面相似,但它们在执行时机和执行
React.memo:性能优化的高阶组件
定义与工作原理 引言 在React应用中,性能优化是一个不可忽视的方面。特别是在处理大型应用或复杂组件时,减少不必要的渲染和计算成为提升性能的重要手段。React.memo正是这样一个工具,它通过记忆
React的shouldComponentUpdate
在React开发中,性能优化是一个重要的考虑因素。React提供了多种机制来帮助开发者优化应用的性能,其中shouldComponentUpdate是一个关键的生命周期方法。 什么是shouldCom
React.lazy:优化React应用性能的懒加载技术
什么是React.lazy? React.lazy是React提供的一个内置API,用于实现代码分割(Code Splitting)和按需加载(Lazy Loading)组件。它允许开发者定义一个动态
React Context:跨组件数据共享
在React应用中,随着组件结构的复杂化,数据传递成为了一个不可忽视的问题。传统的props逐级传递方式在面对深层嵌套的组件结构时,显得繁琐且难以维护。为了解决这一问题,React引入了Context
React的useEffect Hook
在React函数组件中,useEffect Hook是一个极其强大的工具,它允许我们在函数组件中执行副作用操作(如数据获取、订阅或手动更改React组件中的DOM)。 什么是useEffect? us