搜索结果
查询Tags标签: react-hooks,共有 19条记录-
react hooks源码深入浅出(二)
react hooks源码深入浅出(一)react hooks源码深入浅出(二)在第一篇文章里我们了解了初次渲染过程react内部的处理流程和执行机制,接下里继续看看在状态更新阶段react是怎么处理的现在触发demo中onclick事件,也就是执行setCount方法同样从两个基础hook出发useStateus…
2021/2/5 5:10:42 人评论 次浏览 -
轻松掌握React Hooks底层实现原理
由于最近业务较忙,2020年搞懂React原理系列文章最终篇直到现在才在业余时间抽空完成。之前在公司内部已有过一次PPT形式的分享,但经过一段时间对hooks的深度使用,对其又有了更深一些了解,故本次加上新内容并以文章形式再分享一次。持续一年阅读React源码和总结其核心原…
2021/1/1 5:08:17 人评论 次浏览 -
基于Next.js+React仿微信桌面端|next.js聊天室
项目介绍Next.js一款比较热门的React服务器端渲染框架。让你的网页拥有SEO能力。Next-Webchat基于next+react+redux+antd+rlayer等技术实现的仿微信PC网页端聊天项目。实现了消息表情混合发送、图片/视频预览、拖拽/粘贴截图发送、红包/朋友圈等功能。技术框架技术架构:n…
2020/12/28 5:08:26 人评论 次浏览 -
不满意社区的轮子,我们自创了一套 React Hooks 风格的数据加载方案
作者:LeanCloud 李叶React Hooks 自发布以来,因其简单符合直觉的 API 与灵活的组合能力,很快就在 LeanCloud 控制台的重构项目中得到了广泛使用。对于「从服务端加载组件所需数据」这一需求,因为最开始的需求比较简单,我们没有引入第三方库而是自己封装了一些 API 来…
2020/12/11 14:25:30 人评论 次浏览 -
React.js 全局公共弹框(RLayer)|react弹窗组件
前言RLayer.js 一个react构建的桌面PC端自定义Dialog组件。内置30+参数配置、10+弹框类型、7+动画效果,提供极简的接口及清爽的皮肤。拥有顺滑般最大化/缩放/拖拽体验!RLayer在设计及开发上参考了之前的VLayer弹出框组件。在效果上保持一致性。vlayer一款vue2.x开发的网…
2020/12/5 14:26:10 人评论 次浏览 -
[译] 如何使用 useRef 修复 React 性能问题
原文地址:How to useRef to Fix React Performance Issues原文作者:Sidney Alcantara译文出自:掘金翻译计划本文永久链接:https://github.com/xitu/gold-miner/blob/master/article/2020/how-to-useref-to-fix-react-performance-issues.md译者:NieZhuZhu「弹铁蛋同学…
2020/11/30 5:25:42 人评论 次浏览 -
React Hooks中取消HTTP请求来避免内存泄漏
大家好 ! 👋今天,让我们看一下在 React Hooks 中使用 fetch 和Abort Controller取消Web请求从而来避免内存泄露! 🤗当我们用 Fetch 来管理数据时,有时我们想取消请求(例如,当我们离开当前页面时,当我们关闭模态框,...)。在👇下面的示例中,我们要在切换路由…
2020/8/15 5:03:37 人评论 次浏览 -
前端面试必考题:React Hooks 原理剖析
接前文《React Hooks 加持下的函数组件设计》 为什么要学习 React Hooks 原理 首先,功利点来说:目前前端框架三分天下:React、Vue、Angular,而 React 自从 v16.8.0 版本正式推出 React Hooks 概念后,风势已经从原来的类组件猛地转向函数组件,这是一个在设计模式、心…
2020/6/29 14:26:21 人评论 次浏览 -
茴字的四种写法——如何在React Hook中获得最新的state
今天的这个问题也源于生活(工作)😂。在我们刚开始使用React hook的时候,经常会遇到这样的情况:我需要在某个异步请求/事件监听中更新我的state的值,并拿着更新好的state去做什么事情。这个时候有可能就会遇到这样的情况,state的值并没有更新,我们拿到的总是旧的s…
2020/6/22 5:26:25 人评论 次浏览 -
前端请求的第N种方式——玩转React Hook
我曾在几年前写过一篇文章——《Jquery ajax, Axios, Fetch区别之我见》——从原理和使用层面分析了ajax,axios和fetch的区别。现在,本文从一个小的例子出发,通过使用react hook,给大家剖析一种新的数据请求方式;并通过这个自定义HOOK,引出&介绍其他的React Hook…
2020/6/8 14:26:17 人评论 次浏览 -
带你7天玩转可视化建站平台
前言对于互联网公司而言,活动运营页面发布频率高,每次开发又要人力成本不划算。因此需要有一套平台系统来满足运营产品自我快速建站。此类软件产品最早追溯到QQ空间,凡客建站等。 此项目旨在用最少的代码实现可视化搭建、发布、预览、调试等核心功能。并对每一个关键原…
2020/5/18 5:26:22 人评论 次浏览 -
不要过度使用React.useCallback()
我博客的一位读者在Facebook上联系到我,提出了一个有趣的问题。他说,他的队友不管在什么情况下,都会把每一个回调函数封装在 useCallback() 里面。 import React, { useCallback } from react;function MyComponent() {const handleClick = useCallback(() => {// h…
2020/5/15 14:25:26 人评论 次浏览 -
Multipass 旋风教程
2020/3/27 14:31:18 人评论 次浏览 -
包会,使用React Hook一步一步创建一个可排序表格组件
2020/3/24 14:01:22 人评论 次浏览 -
React Hook 不完全指南
2020/3/17 5:01:20 人评论 次浏览