目录前言如何自定义 Hooks组件之间共享逻辑自定义 Hooks 允许你共享有状态逻辑，而不是状态本身分类功能型 HooksuseWindowWidthuseLocalStorage业务型 HooksuseFetchuseModal在多个 Hook 之间传递信息将 event handlers 传递给自定义 Hooks开源 React Hooks 库总结前言
......
354
0
0
2023-05-12
目录引言为什么使用 TypeScript 开发 React 应用TypeScript 和 React 的结合方式TypeScript 在 React 中的优势TypeScript 和 React 的最佳实践最后引言TypeScri
......
359
0
0
2023-05-11
目录项目环境搭建项目依赖项目目录结构创建一个组件封装一个Button组件Button按钮需求分析依赖项目环境搭建项目依赖创建支持 TypeScript 的 React 项目npx create-react-app my-demo --template typescript根据 typescript 官网文档的说明，还可以使用下面的命令npx create-r
......
289
0
0
2023-05-06
前言：最近接触到一种新的（对我个人而言）状态管理方式，它没有采用现有的开源库，如redux、mobx等，也没有使用传统的useContext，而是用useState + useEffect写了一个发布订阅者模式进行状态管理，这一点对我来说感觉比较新奇，以前从没接触过这种写法，于是决定研究一下目前比较常用的状态管理方式。ps：这里谈到的状态管理是指全局状态管理
......
268
0
0
2023-04-16
目录引言React 和 rematch 创建Todo List App创建一个 models.ts 文件创建一个 todo.ts 文件使用 rematch 的 init 函数创建 storeRematchTodoApp
......
319
0
0
2023-04-11
目录组件卸载前执行清理操作通过纯组件提升组件性能(类组件)通过shouldComponentUpdate生命周期函数提升组件性能函数组件使用memo 减少渲染次数memo的基本使用为memo 方法传递自定义比较逻辑通过组件懒加载提供应用性能路由组件懒加载根据条件进行组件懒加载通过使用占位符标记提升React组件的渲染性能使用Fragment 避免额外标记通过
......
302
0
0
2023-04-08
目录React操作DOM之forwardRefReact forwardRef使用方法作用与注意点父 -> 子 -> 子(Dom)父 -> 子 -> 子(class)高阶组件中的特殊情况总结React操作DOM之forwardRefReact操作DOM有几种方式，传入字符串，传入一个对象(react推荐的方式)，传入一个函数，今天就讲
......
313
0
0
2023-04-07
目录前言单节点key相同，类型相同key不同，类型相同key相同，类型不同多节点第一次遍历第二次遍历第三次遍历总结前言这篇文章帮助大家梳理一下React中的dom-diff。在React中，根据新的虚拟DOM的不同，分为单节点（指的是同层级只有一个子节点），和多节点（指的是同层级有多个子节点），分别是在reconcileSingleElement和recon
......
287
0
0
2023-04-04
目录1.文件12.文件23.使用使用react-sortable-hoc实现拖拽如图：提示：下面案例可供参考1.文件1代码如下（示例）：文件名称：./dragcomponentsimport * as React from 'react'
import {
sortableContainer,
sortableElement,
......
462
0
0
2023-04-02
1 事件三个阶段 捕获、目标、处理 （具体百度，后面有空补全）2 示例import React from "react";
class Test extends React.Component {
parentRef;
childRef;
constructor(props) {
super(props);
th
......
299
0
0
2023-03-27
目录React初体验Hello React案例演练Hello React案例升级Hello React的组件化组件化的方式数据依赖事件绑定其他案例练习电影列表展示计数器的案例React初体验接下来我们通过Hello React的案例, 来体验一下React开发模式, 以及jsx的语法Hello React案例演练第一步: 先引入React开发依赖<!-
......
269
0
0
2023-03-20
目录什么是 GraphQLGraphQL出现的意义传统API存在的主要问题：GraphQL 如何解决问题GraphQL基本语法标量类型对象类型枚举类型GraphQL 内置指令什么是 Apolloapollo-server处理流程1.解析阶段2.校验阶段3.执行阶段Schema给server端带来的便利性创建client将client注入到react数据请求数
......
461
0
0
2023-03-18
目录前言React HooksuseStateuseReducer基础用法进阶用法useContextuseEffectuseLayoutEffectuseRefuseImperativeHandleuseCallbackuseMemoReact Redux Hooks useSelectoruseDispatchReact Router HooksuseH
......
330
0
0
2023-03-18
目录recyclerlistview的介绍与使用1.安装2.概述和功能3. RecyclerListView的使用1、dataProvider2、LayoutProvider3、rowRenderer4、onEndReached5、onEndReachedThreshold6、extendedState7、scrollViewPropsRecyclerLis
......
502
0
0
2023-03-16
目录React的过渡动画过渡动画库的介绍CSSTransition(掌握)SwitchTransition(了解)TransitionGroup(了解) 总结React的过渡动画过渡动画库的介绍在开发中，我们想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验。当然，我们可以通过原生的CSS来实现这些过渡动画，但是React社区为我们
......
364
0
0
2023-03-16