React.js共0篇 第5页
React.js
排序
JS监听页面回退前进的方案
您好，如果喜欢我的文章，可以关注我的公众号「量子前端」，将不定期关注推送前端好文~ 前言 在业务中遇到需求，App中的H5页面跳转到其他外链页面，外链页面修改了整个APP中的导航栏样式，回退...
2年前
ahooks源码系列（一）：React 闭包陷阱
前言 最近在学习 ahooks 的源码，想学习别人的思路提高一下自己自定义 hook 的能力。然后我发现 ahooks 里面其实像 useLatest、useMemoizedFn 这两个 hook 是为了解决 React hook 自身带来的闭...
2年前
让你 React 组件水平暴增的 5 个技巧
最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）： npx create-react-app --temp...
2年前
Vue 2 项目技术升级：引入 SWR，项目由农业时代进入工业时代
前言 前端发展至今，项目的技术框架花样繁多，刨除 bundler，CSS 等，个人认为对 DX（developer experience）影响最大的主要有二： TypeScript / Hooks , 对应编程的基本要素：类型 / 上下文。 ...
2年前
React Query and TypeScript
本文正在参加「金石计划 . 瓜分6万现金大奖」 本文翻译自 TkDodo 的 # React Query and TypeScript TypeScript 在前端社区中越来越受欢迎，这似乎已成为共识。许多开发人员期望库要么使用 Ty...
2年前JSX如何转成react-fiber的？
什么是fiber？ 一个fiber本质上是一个Fiber类的实例，以下是实例中的各个属性。可以看出，每一个Fiber节点之间通过指针相互关联，并找到下一个Fiber节点。因此，所有的Fiber节点相互关联就形成...
2年前
ant.design 组件库中的 Tree 组件实现可搜索的树: React+and+ts
ant.design 组件库中的 Tree 组件实现可搜索的树，在这里我会详细介绍每个方法，以及容易踩坑的点。 效果图： 首先是要导入的文件 // React 自带的属性 import React, { useMemo, useState } fr...
2年前
开篇：小程序之光-Taro
序言 作为Taro专栏的第一篇文章，想先抛出一个问题：大家相信'光'么？相信看过奥特曼的同学一定对“泰罗”很熟悉，他是宇宙警备队总教官，实力最强的奥特曼。那么在小程序的世界里，Taro就是'光...
2年前React–组件间通信
父传子props 父组件通过 属性 = 值 的形式来传递给子组件数据 const banners = ['新歌曲', '新MV', '新歌单'] <MainBanner banners={banners}/> 子组件通过 props 参数获取父组件传递...
2年前Raycast API 及其扩展插件是如何工作的
原文链接：How the Raycast API and extensions work 原文作者：Felix Raab 前言及简单介绍：Raycast是Mac上的启动器App，类似于Alfred，但它的UI更加现代化，集成了AI能力，对于前端开发来说它...
2年前为什么选择 Next.js 框架？
前言 Next.js 框架作为一种强大而受欢迎的工具，为开发人员提供了许多优势和便利。本文将探讨 Next.js 框架的优点，并解释为什么选择 Next.js 是一个明智的决策。 文档:nextjs.org/docs 强大的...
2年前
Next.js 12迁移至Next.js13版本 升级指南
一、前置 详见文档：Upgrading: Version 13 | Next.js (nextjs.org) 检查node版本 使用nvm切换node版本 最低node版本——v16.8 切换 git 分支 git checkout -b migration 升级next版本 npm inst...
2年前
React–Hooks全系列
为什么需要Hook Hook 是 React16.8 的新增特性，可在不编写 class 组件的情况下，使用 state 以及其他 React 特性 class 组件相对于函数式组件的优势 从状态维护角度来说： class 组件可以定义 ...
2年前react-redux 原理详解
react-redux 为 react 的 redux 绑定库, 使 react 组件可以使用 redux， 且当 redux store 发生变化时，可以自动更新 react 组件 其主要输出 API 为 Provider 核心，用来传递 createStore 后的 ...
2年前新版React官方文档解读（五）- Hooks 之 useId 和 useSyncExternalStore
大家好呀，我是小肚肚肚肚肚哦！ React 官网出了 beta 版的新版本，仍旧没有中文版。对于国内不少开发者来说增加了不少麻烦。我这里以前端开发的角度归纳总结一下，把其中大家重点使用的部分介...
2年前
”高级女秘书“ —— webpack 创建一个 React 应用
webpack webpack 简介 有说 webpack 是打包机，也有人说它是加工厂，我总感觉它像一个高级的女秘书。今天的故事又开始了： 话说有位上世纪80年代下海创业成功的大老板，但是呢，文化程度不高，...
2年前
深入解析React DnD拖拽原理，轻松掌握拖放技巧！
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。。 本文作者：霁明 一、背景 1、业务背景 业务中会有一些需...
2年前你的代码不堪一击！太烂了！
前言 小王，你的页面白屏了，赶快修复一下。小王排查后发现是服务端传回来的数据格式不对导致，无数据时传回来不是 [] 而是 null, 从而导致 forEach 方法报错导致白屏，于是告诉测试，这是服务...
2年前
Next13 项目总结
部门是官网部，做 C 端项目需要 SEO，用到 Nextjs，今年上半年有两个项目使用 Next13 开发的，一个是集团官网，一个是活动 h5，使用到了 Next13 最新写法 app router，后面也会持续使用，所以做...
2年前
React 核心 Dan Abramov 接受随机面试挑战，结果差点没写出来居中……？
首发于公众号前端从进阶到入院，欢迎关注。 大家好，我是 ssh，曾经，大名鼎鼎的 React 核心开发者 Dan Abramov 接受了 up 主 Ben Awad 的一场面试，而且是正儿八经做题的那种。我们赶快一起来...
2年前