首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
React
前端涂涂
创建于2025-01-16
订阅专栏
React基础详解笔记
等 3 人订阅
共44篇文章
创建于2025-01-16
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React 事件处理完整指南
1. 基础事件处理 1.1 事件绑定方式 1.2 事件对象的使用 2. 常见事件类型 2.1 鼠标事件 2.2 键盘事件 2.3 表单事件 3. 事件处理进阶 3.1 事件委托 3.2 自定义事件处理
React 生命周期完整指南
React 生命周期完整指南 1. 生命周期概述 1.1 React 16.3 之前的生命周期 初始化阶段 constructor componentWillMount render componen
React Diffing 算法完整指南
1. Diffing 算法概述 1.1 什么是 Diffing Diffing 算法是 React 用于比较两棵虚拟 DOM 树差异的算法,用来确定需要更新的部分,从而最小化 DOM 操作。 1.2
React 脚手架使用指南
React 脚手架使用指南 目录 概述 创建项目 项目结构 常用命令 配置说明 最佳实践 概述 什么是 React 脚手架? React 脚手架(Create React App)是 Facebook
插件:ES7+ React/Redux/GraphQL/React-Native snippets 使用指南
VS Code React Snippets 使用指南 目录 简介 基础方法 React 相关 React Native 相关 Redux 相关 PropTypes 相关 控制台相关 React 组件
React 脚手架配置代理完整指南
React 脚手架配置代理完整指南 1. 代理配置方式概述 React 脚手架中配置代理主要有以下几种方式: 在 package.json 中配置简单代理 在 src/setupProxy.js 中配
React 组件通信完整指南 以及 自定义事件发布订阅系统
React 组件通信完整指南 1. 父子组件通信 1.1 父组件向子组件传递数据 1.2 子组件向父组件传递数据 1.3 父组件调用子组件方法 2. 兄弟组件通信 2.1 通过共同父组件 2.2 使用
axios和fetch的实现原理以及区别,与XMLHttpRequest的关系,并结合react封装统一请求示例
Axios 和 Fetch 对比及统一请求封装 1. Axios 基础用法 1.1 安装和引入 1.2 基本请求方法 1.3 配置选项 2. Fetch 基础用法 2.1 基本请求方法 2.2 请求配
路由组件与一般组件的区别
1. 基本概念 1.1 路由组件 路由组件是指通过路由规则映射的组件,通常放在 pages 或 views 文件夹中。 1.2 一般组件 一般组件是指通过 import 导入后直接使用的组件,通常放在
react-router-dom用法
react-router-dom用法 目录 安装配置 基本路由 路由匹配 路由嵌套 路由传参 编程式导航 路由守卫 最佳实践 安装配置 基本设置 基本路由 1. 基本路由配置 2. 路由链接 路由匹配
redux用法总结
redux用法总结 目录 基本概念 工作原理 核心概念 基本使用 异步操作 Redux Thunk Redux Saga React 集成 Redux Toolkit 最佳实践 基本概念 什么是 Re
React-Redux用法总结
个人笔记 1. 基础概念 1.1 什么是 Redux Redux 是一个用于 JavaScript 应用的状态管理工具,它帮助你以可预测的方式管理应用状态。 1.2 核心概念 Store: 保存数据的
Redux 与 React-Redux 的区别与联系
1. 基本概念 1.1 Redux Redux 是一个独立的状态管理库,可以与任何 UI 库或框架一起使用,不仅限于 React。它提供了以下核心功能: Store:存储状态的容器 Action:描述
React setState详细使用总结
1. 基本语法 1.1 直接更新状态 1.2 基于之前的状态更新 2. setState 的特性 2.1 异步更新 2.2 状态合并 2.3 批量更新 3. 常见使用场景 3.1 表单处理 3.2 异
React 路由懒加载lazyload+ Suspense 实现懒加载和预加载
1. 基本概念 1.1 什么是懒加载 懒加载(Lazy Loading)是一种优化技术,它可以: 延迟加载非必需的组件,只有你需要加载的时候加载,或者在指定时间预加载,比如首屏渲染后再预加载主要组件,
react中hooks之statehook useState Hook用法总结
1. 基本用法 1.1 声明状态 1.2 多个状态声明 2. 状态更新 2.1 基础更新 2.2 对象状态更新 2.3 数组状态更新 3. 高级用法 3.1 惰性初始化 3.2 状态重置 3.3 派生
React Fragment 和空标签(<></>)用法详细以及区别
1. 基本概念 1.1 Fragment 的作用 Fragment 允许你将子元素列表组合,而无需向 DOM 添加额外节点。它解决了 React 组件必须有一个单一根元素的限制。 1.2 两种语法形式
React Context用法总结
1. 基本概念 1.1 什么是 Context Context 提供了一种在组件树中共享数据的方式,而不必通过 props 显式地逐层传递。它主要用于共享那些对于组件树中许多组件来说是"全局"的数据。
React PureComponent使用场景
1. 基本概念 1.1 什么是 PureComponent PureComponent 是 React 提供的一个优化类组件,它通过自动实现 shouldComponentUpdate 生命周期方法,
React Error Boundary 错误边界限制
1. 基本概念 1.1 什么是 Error Boundary Error Boundary 是 React 16 引入的一个特性,它可以捕获子组件树中的 JavaScript 错误,记录错误并展示备用
下一页