首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React
YuspTLstar
创建于2025-09-01
订阅专栏
从React的基本使用和渲染流程理解React,并通过渲染流程和响应式原理分析React提供的API,掌握这些API的使用场景和注意事项
等 2 人订阅
共14篇文章
创建于2025-09-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
一文掌握Redux-toolkit核心原理
redux-toolkit 是redux官方封装和标准化的工具集,其主要作用是简化redux状态库的创建和使用。内置常用中间件、提供dispatch异步逻辑标准化。
Redux从入门到进阶
redux 是一个三方通用的状态管理库,它采用单一集中化的state和发布订阅者模式,通过dispatch action事件管理状态。
React Router组件模式的使用
ReactRouter 是 React 的多策略路由器。利用react响应式原理,通过监听popstate和Histiry API来管理前端路由状态的三方库。
从工作原理入手理解React十一:useOptimistic
useOptimistic 是React 19引入的新hook,用于实现乐观更新,允许我们在等待异步操作完成时立即更新UI,让用户对异步无感,提供更好的用户体验。
从工作原理入手理解React十:useDeferredValue
什么是useDeferredValue? useDeferredValue 是React18引入的一个新hook,用于返回一个延迟值来延迟更新某个区域,让紧急的更新优先于不紧急的更新先执行。
从工作原理入手理解React九:Transition
Transition 为使用者提供设置更新任务等级的接口,可以通过Transition实现提升用户体验的优雅过度效果。在React18中引入的新的API
从工作原理入手理解React八:Suspense
Suspense是一个React的内置组件,它允许在子组件完成加载前展示备用方案fallback,为异步组件的渲染过程提供了优化方案。
从工作原理入手理解React七:lazy
什么是lazy lazy 是一个函数,是React中内置的一种组件代码加载机制,优化应用性能。它能够让你在组件第一次渲染前延迟加载组件的代码,用于在React项目中实现组件的按需加载。
从工作原理入手理解React六:useCallback
useCallback 是一个优化渲染性能的hook,useCallback 允许在多次渲染中缓存函数。
从工作原理入手理解React五:useMemo
useMemo 是一种创建缓存的机制,在每次重新渲染的时候能够缓存计算的结果。通常通过useMemo缓存耗时计算的结果或者结合memo来实现记忆化组件。
从工作原理入手理解React四:memo
什么是memo memo 是React中优化渲染性能的一种机制,通过memo包裹的组件,可以在prop没有改变的前提下,跳过组件的重新渲染,从而达到优化渲染性能的目的。
从工作原理入手理解React三:useReducer
什么是 Reducer Reducer 是一种集中处理组件状态变化逻辑的机制,将分散在各事件处理逻辑中的状态变化集中管理,优化代码组织,便于代码维护和增强状态变化的可预测性。
从工作原理入手理解React二:上下文Context
介绍React Hook中的Context。从Context的概念,Context出现的背后逻辑、Context的使用方式以及Context的使用场景几个方面进行介绍。
从工作原理入手理解React一:React核心内容和基本使用
简介 本文旨在梳理React hooks组件的基本使用及常见API的说明和一些注意事项。部分章节涉及到React的底层工作原理。 React Hooks组件就是函数组件加Hooks API。React