mackJun的博客

TypeScript结合React、Vue、express的一些类型总结(一些常用自带的类型) 1.React类型总览(包括React本身、router、antd的类型) 1.1 React本身常用类型

5.useRef,useImperativeHandle和forwardRef的结合使用以及useLayoutEffect、useDebugValue的简单使用

4.useReducer+useContext+createContext的使用、模拟redux合并reducer createContext:一个创建上下文函数，执行产生一个上下文对象，包含两个属性，Provider组件和Consumer组件 Provider:用来包裹整合组件，传递一个value属性，把context上下文注入到整个组件当中 Consumer组件，在里面使用函数调用Provid...

3.useCallback+useMemo+memo性能优化场景使用 当父组件引入子组件的情况下，往往会造成组件之间的一些不必要的浪费，下面我们通过例子来了解一下场景 3.1创建一个test.tsx文件，我们拷贝上篇博客的useState的案例 import React, { useState } from 'react'; function Test() { const [count, ...

2.hooks的useState、useEffect的实际使用（Typescript） 从React16.8版本的hooks正式发布，hooks的使用是越来越火，从而出现了许多使用无状态组件(函数)+hooks替代有状态组件(类)来书写React组件的热潮，但是由于一些实际运用还有些缺乏，接下来介绍一下useState、useEffect两个hooks的一些简单使用吧 2.1 useState：官...

React高级用法和hooks的个人使用见解（如有侵权，请联系我） 1.lazy+Suspense懒加载组合，替换loadable懒加载依赖库 lazy+Suspense的简单实例 1.创建routeConstants.ts路由常量模块,暴露出常量 /** * 登录页面的url */ export const LOGIN_PATH = '/login'; /** * 错误页面url / ...

react脚手架typescript版本整合redux、antd按需加载的简单使用(如有侵权，请联系我) 1.下载create-react-app cnpm i create-react-app -g //全局下载react脚手架,mac用户加上sudo 2.创建react项目(注意：进入启动测试一下项目是否能正常运行) create-react-app ts-react-study --typ...

nextjs整合redux、typescript、antd按需加载案例步骤:(如有侵权，可以留言，

一个整合多个reducer的useRedcuer的案例 1.redux-custom.tsx import React, { Context, createContext, useContext, useReducer } from 'react'; /** * @createContext ProviderContext 一个创建完毕的context */ const ProviderCon...

由于最近hooks越来越火，出现了useReducer替代redux的热潮。 模拟redux的combineReducers来整合多个reducer成一个reducers的案例 1.定义两个reducer export const initialReucer1 = { count: 1 } export const initialReucer2 = { user: {} } exp...

在react vue中使用graphql接口/type-graphql接口 后台代码实现:Type-GraphQL结合装饰器写法的node框架的学习笔记 提示：1为vue中使用graphql的操作，2为react中使用graphql的操作 1.在vue中使用graphql 安装脚手架 vue create test =>选中typescript支持 1.1 安装依赖，依赖有点多，有七个 ya...