
react
Mack Liu
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
TypeScript结合React全家桶(antd、axios、Nextjs)的一些类型总结
TypeScript结合React、Vue、express的一些类型总结(一些常用自带的类型) 1.React类型总览(包括React本身、router、antd的类型) 1.1 React本身常用类型原创 2019-08-18 18:50:16 · 8232 阅读 · 0 评论 -
React进阶用法和hooks - 5.useRef,useImperativeHandle和forwardRef的结合使用以及useLayoutEffect、useDebugValue的简单使用
5.useRef,useImperativeHandle和forwardRef的结合使用以及useLayoutEffect、useDebugValue的简单使用原创 2019-08-18 21:27:09 · 11706 阅读 · 2 评论 -
React进阶用法和hooks的个人使用见解(Typescript版本) - 4.useReducer+useContext+createContext的使用、模拟redux合并reducer
4.useReducer+useContext+createContext的使用、模拟redux合并reducer createContext:一个创建上下文函数,执行产生一个上下文对象,包含两个属性,Provider组件和Consumer组件 Provider:用来包裹整合组件,传递一个value属性,把context上下文注入到整个组件当中 Consumer组件,在里面使用函数调用Provid...原创 2019-08-17 12:18:30 · 4458 阅读 · 0 评论 -
React进阶用法和hooks的个人使用见解(Typescript版本) - 3.useCallback+useMemo+memo性能优化
3.useCallback+useMemo+memo性能优化场景使用 当父组件引入子组件的情况下,往往会造成组件之间的一些不必要的浪费,下面我们通过例子来了解一下场景 3.1创建一个test.tsx文件,我们拷贝上篇博客的useState的案例 import React, { useState } from 'react'; function Test() { const [count, ...原创 2019-08-17 11:18:30 · 6789 阅读 · 3 评论 -
React进阶用法和hooks的个人使用见解(Typescript版本) - 2.hooks的useState、useEffect、自定义钩子的实际使用
2.hooks的useState、useEffect的实际使用(Typescript) 从React16.8版本的hooks正式发布,hooks的使用是越来越火,从而出现了许多使用无状态组件(函数)+hooks替代有状态组件(类)来书写React组件的热潮,但是由于一些实际运用还有些缺乏,接下来介绍一下useState、useEffect两个hooks的一些简单使用吧 2.1 useState:官...原创 2019-08-17 10:28:27 · 12040 阅读 · 1 评论 -
React进阶用法和hooks的个人使用见解(Typescript版本) - 1.lazy+Suspense懒加载的使用
React高级用法和hooks的个人使用见解(如有侵权,请联系我) 1.lazy+Suspense懒加载组合,替换loadable懒加载依赖库 lazy+Suspense的简单实例 1.创建routeConstants.ts路由常量模块,暴露出常量 /** * 登录页面的url */ export const LOGIN_PATH = '/login'; /** * 错误页面url / ...原创 2019-08-17 09:36:52 · 2727 阅读 · 0 评论 -
react-typescript的一些简单使用,引入antd、redux,按需加载
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...原创 2019-08-16 17:29:20 · 3529 阅读 · 0 评论 -
redux、scss/less、antd按需加载、typescript整合nextjs
nextjs整合redux、typescript、antd按需加载案例步骤:(如有侵权,可以留言,原创 2019-08-16 16:14:20 · 2074 阅读 · 1 评论 -
模拟redux的combineReducers函数合并reducer,使用createContext, useContext, useReducer整合多个reducer案例
一个整合多个reducer的useRedcuer的案例 1.redux-custom.tsx import React, { Context, createContext, useContext, useReducer } from 'react'; /** * @createContext ProviderContext 一个创建完毕的context */ const ProviderCon...原创 2019-08-15 18:44:29 · 1859 阅读 · 0 评论 -
使用useReducer替代redux,简单的整合多个reducer小案例,半成品
由于最近hooks越来越火,出现了useReducer替代redux的热潮。 模拟redux的combineReducers来整合多个reducer成一个reducers的案例 1.定义两个reducer export const initialReucer1 = { count: 1 } export const initialReucer2 = { user: {} } exp...原创 2019-08-15 16:00:58 · 4633 阅读 · 8 评论 -
在react vue中使用graphql接口/type-graphql接口
在react vue中使用graphql接口/type-graphql接口 后台代码实现:Type-GraphQL结合装饰器写法的node框架的学习笔记 提示:1为vue中使用graphql的操作,2为react中使用graphql的操作 1.在vue中使用graphql 安装脚手架 vue create test =>选中typescript支持 1.1 安装依赖,依赖有点多,有七个 ya...原创 2019-08-24 13:06:32 · 1137 阅读 · 1 评论