React
关注
分享
扫一扫
文章平均质量分 67
前端卡卡西呀
前端程序员。面向搜索引擎开发，熟练掌握CV大法的拷贝程序员---前端卡卡西
展开
-
React：状态管理Mobx
MobX 是一个身经百战的库，它通过运用透明的函数式响应编程（Transparent Functional Reactive Programming，TFRP）使状态管理变得简单和可扩展。简单直接编写无模板的极简代码来精准描述出你的意图。要更新一个记录字段？使用熟悉的 JavaScript 赋值就行。要在异步进程中更新数据？不需要特殊的工具，响应性系统会侦测到你所有的变更并把它们传送到其用武之地。轻松实现最优渲染所有对数据的变更和使用都会在运行时被追踪到，并构成一个截取所有状态和输出之间关原创 2024-05-24 09:10:16 · 770 阅读 · 0 评论 -
React：Mobx的autorun 和 runInAction（异步）
React：Mobx的autorun 和 runInAction（异步）原创 2024-05-22 16:55:56 · 524 阅读 · 0 评论 -
React：状态管理zustand
React：状态管理 zustand原创 2024-05-22 16:53:08 · 1263 阅读 · 0 评论 -
React：状态管理Redux
React：状态管理Redux原创 2024-05-21 17:21:49 · 351 阅读 · 0 评论 -
React: memo
React.memo 允许组件在 props 没有改变的情况下跳过重新渲染。原创 2024-05-14 16:27:22 · 767 阅读 · 1 评论 -
React-hooks：useMemo
React-hooks: useMemo: 它在每次重新渲染的时候能够缓存计算的结果。原创 2024-05-13 10:10:21 · 794 阅读 · 0 评论 -
React：Router-3.路由懒加载
react router路由懒加载原创 2024-05-11 09:39:03 · 599 阅读 · 0 评论 -
React：Router-2. createBrowserRouter函数式
前边的文章提供了组件式路由的方式，在及以上版本，提供了函数式路由创建方式。原创 2024-05-09 10:31:21 · 781 阅读 · 0 评论 -
React：Router-1.BrowserRouter组件式
React router： 1.BrowseRouter组件式原创 2024-05-08 17:41:47 · 514 阅读 · 0 评论 -
React-hooks: useCallback
useCallback：是一个允许你在多次渲染中缓存函数的 React Hook。原创 2024-04-23 15:25:26 · 501 阅读 · 0 评论 -
React：Router
路由基本使用1、明确好界面中的导航区、展示区2、导航区的a标签改为Link标签 import {Link} from 'react-router-dom'; <Link to="/xxx"></Link>3、展示区写Route标签进行路径的匹配 <Route path="/xxx" component={Demo}/>4、<App> 的最外侧包裹一个 <BrowserRouter> 或 <HashRouter>路由组件原创 2022-08-05 16:18:23 · 589 阅读 · 0 评论 -
React-hooks：useEffect
1.理解函数副作用什么是副作用对于React组件来说，主作用是根据数据(state/props)渲染UI，除此之外都是副作用（比如手动修改DOM）。常见的副作用数据请求（发送ajax）手动修改 DOMlocalstorage操作useEffect 函数的作用就是为react函数组件提供副作用2.基础使用使用步骤导入 useEffect 函数调用 useEffect 函数，并传入回调函数在回调函数中编写副作用处理修改数据状态检测副作用是否生效示例代码import {us原创 2022-05-06 07:19:28 · 3386 阅读 · 2 评论 -
React：组件传参
react：组件传参数原创 2022-04-24 22:39:09 · 4408 阅读 · 0 评论 -
React：Props类型校验&默认值
props 类型校验规则设置 以及 默认值设置原创 2022-03-30 10:43:01 · 1481 阅读 · 1 评论 -
React：生命周期
React 新旧版本 生命周期对比学习原创 2022-02-25 17:39:03 · 627 阅读 · 3 评论 -
React：从头学state
初始版本：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div原创 2022-01-28 16:47:39 · 528 阅读 · 0 评论