搜索结果
查询Tags标签： hooks，共有 65条记录-
Apollo 的 Plugin 学习
apollo 的 plugin 是在 apollo server 启动时候注册的，其形态是一个 js object. 在其中，可以通过 key 指定针对不同事件阶段的自定义处理函数。 events 其实是 apollo 处理请求的 life cycle 中的一系列时间点上触发的。这里既有 pre hooks 也有 post hooks. plugin 的实…
2022/8/29 6:53:00 人评论 次浏览 -
hooks时代
vue和react都已经全面进入了hooks时代（在vue中也称为组合式api，为了方便后面统一称为hooks），然而受到以前react中类组件和vue2写法的影响，很多开发者都不能及时转换过来，以致于开发出一堆面条式代码，整体的代码质量反而不如改版以前了。 0、概述 一个组件内部的所有…
2022/8/12 23:24:19 人评论 次浏览 -
初始化React项目【TS+hooks】
首先： npm config set registry https://registry.npm.taobao.org 配置后可通过下面方式来验证是否成功 npm config get registry 安装React 【请事先安装好node】 npm i -g create-react-app 【不指定版本就是安装最新版本】 安装完成之后使用 npm info react 查看当前…
2022/7/17 6:15:05 人评论 次浏览 -
Vue和React对比学习Hooks
不知道大家有没有发现随着版本的升级 vue 和 react 越来越像了。 2019年年初，react 在 16.8.x 版本正式具备了 hooks 能力。 2019年6月，尤雨溪提出了关于 vue3 Component API 的提案。笔者理解这其实是 vue 版本的 hooks。 Vue 和 React 相继都推出了Hooks，那么今天我们…
2022/7/14 23:23:35 人评论 次浏览 -
vue3中自定义hooks
hook: 直译[hʊk] 钩子 Hooks在前端领域并没有明确定义，借用知乎大佬的定义：在JS里是callback,事件驱动，集成定义一些可复用的方法。Vue3官方文档并没有对自定义Hooks做任何定义，却无处不在在使用这个技巧，很多开源项目也在用这个技巧，所以作为一个合格的Vuer学会自…
2022/7/14 23:23:31 人评论 次浏览 -
我居然不知道Vue3可以使用hooks函数实现代码复用？
每天都要开心(▽)哇：项目开发过程中，我们会遇到一些情况，就是多个组件都可以重复使用的一部分代码逻辑，功能函数，我们想要复用，这可怎么办呢？ VUE2我们是怎么做的呢？在vue2 中有一个东西：Mixins 可以实现这个功能 mixins就是将这些多个相同的逻辑抽离出来，各个组…
2022/6/27 6:21:00 人评论 次浏览 -
React useContext + useReducer 实现 Hooks 状态管理功能
App.tsximport { useReducer } from "react"; import { BrowserRouter, Switch } from react-router-dom; import { renderRoutes } from "react-router-config"; import routes from "./router"; import { IUser, IReducerAction } from @…
2022/4/11 23:15:31 人评论 次浏览 -
hooks封装ConfirmModel弹框
1、components/ConfirmModel/index.tsximport React, { useState, useImperativeHandle } from react import { Modal } from antd import styles from ./index.less import { ExclamationCircleFilled } from @ant-design/iconsinterface DeleteModelProps {childRef?: …
2022/3/25 23:22:56 人评论 次浏览 -
React函数类组件及其Hooks学习
目录函数类组件函数式组件和类式组件的区别:为什么要使用函数式组件？Hooks概念及常用的Hooks1. useState: State的Hook语法useState()说明:setXxx()2种写法:示例2. useEffect: 副作用的HookReact中的副作用操作语法和说明:总体说明：替代componentDidMount:替代component…
2022/2/28 23:24:59 人评论 次浏览 -
? React Hooks的使用
React Hooks的使用 为什么需要Hook? Hook 是 React 16.8 的新增特性，它可以让我们在不编写class的情况下使用state以及其他的React特性（比如生命周期）。class组件可以定义自己的state，用来保存组件自己内部的状态；函数式组件不可以，因为函数每次调用都会产生新的临…
2022/2/4 23:44:14 人评论 次浏览 -
React Hooks -- 实现Redux
useContext：可访问全局状态，避免一层层的传递状态。这符合Redux其中的一项规则，就是状态全局化，并能统一管理。 useReducer：通过action的传递，更新复杂逻辑的状态，主要是可以实现类似Redux中的Reducer部分，实现业务逻辑的可行性。 import React, { useContext, c…
2022/1/29 23:10:36 人评论 次浏览 -
[JS Pattern] Container / Presentational Pattern
Presnetational Component: A presentational compoentn receives its data through props. Its primary function is to simply display the data it receives the way we want them to, including sytles, without modiying that data. Container Component: Container…
2022/1/25 6:04:20 人评论 次浏览 -
技术周刊2020-07-20
基础知识 如何写出健壮的代码? 阿里文娱技术专家长统将从防御式编程、如何正确使用异常和 DRY 原则等三个方面，并结合代码实例，分享自己的看法心得，希望对同学们有所启发。进阶知识 了不起的 Webpack 构建流程学习指南 本文主要介绍了 Webpack 的构建流程和构建原理，…
2021/12/18 6:22:20 人评论 次浏览 -
技术周刊2020-07-20
基础知识 如何写出健壮的代码? 阿里文娱技术专家长统将从防御式编程、如何正确使用异常和 DRY 原则等三个方面，并结合代码实例，分享自己的看法心得，希望对同学们有所启发。进阶知识 了不起的 Webpack 构建流程学习指南 本文主要介绍了 Webpack 的构建流程和构建原理，…
2021/12/18 6:22:20 人评论 次浏览 -
react源码解析14.手写hooks
react源码解析14.手写hooks 视频讲解（高效学习）：进入学习 往期文章： 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.生命周…
2021/12/16 12:40:00 人评论 次浏览
