React.js共0篇 第21页
React.js
排序
从零开始实现RSC – 第 1 部分：Server Component
原文：github.com/reactwg/ser… 原标题：RSC From Scratch. Part 1: Server Components 作者：gaearon (dan) 译者注：虽然这篇文章很长，而且有三个部分（目前仅更新了第一部分）。但是可以帮...
2年前
Context的实现流程
useContext的实现 本系列是讲述从0开始实现一个react18的基本版本。通过实现一个基本版本，让大家深入了解React内部机制。 由于React源码通过Mono-repo 管理仓库，我们也是用pnpm提供的workspac...
2年前
Floating UI 使用经验分享 – Dialog
上文：Floating UI 使用经验分享 - Popover 在本文中，我将分享如何使用 Floating UI 来创建另一种常见的浮动 UI 组件——Dialog（对话框）。Dialog 是一个浮动元素，显示需要立即关注的信息，...
2年前React 协调算法：它的工作原理以及为什么我们要去关心它
原文链接：React reconciliation: how it works and why should we care，2023.05.11，by Nadia Makarevich 导读：这是一篇浅显易懂介绍 React 渲染机制的长文。为什么不能在组件内声明其他组件...
2年前
分享我所遇到的React Antd3之Form 坑(一)
前言 大家好 ，我是行事 ，向上的路并不拥挤 ，只是大多数选择了安逸 ！！！ 背景 本人最近在做公司的 Bug 清理工 ，就在前几天 ，测试人员提了个耐人寻味的 Bug ： 测试 ：系统中提交的报告有...
2年前
解决H5在native中键盘弹起影响页面交互
您好，如果喜欢我的文章，可以关注我的公众号「量子前端」，将不定期关注推送前端好文~ 问题描述 在native中拉起键盘再收回，滚动列表实际距离发生变化，被键盘一起弹上去了（我这里大约是400px...
2年前2023 年的 React 生态发展 – 译
原文链接 ? The React Ecosystem in 2023 React 生态 React 诞生至今已经走过 10个年头 , 自从Facebook（现Meta）在2013年5月宣布开源以来，生态系统蓬勃发展， 同时不断推出新的进步和创新， ...
2年前如何优雅的使用 React Context
在开始今天的文章之前，大家不妨先想一下触发 React 组件 re-render 的原因有哪些，或者说什么时候 React 组件会发生 re-render 。 先说结论： 状态变化 父组件 re-render Context 变化 Hooks ...
2年前
基于taro和react封装一个兼容pc，移动端和小程序的触摸钩子
我正在参加「掘金·启航计划」 使用场景 使用 Taro 开发下的小程序和h5页面 useTouchEvent 简单使用 import { View } from '@tarojs/components'; import React, { useState } from 'react'; im...
2年前【解读 ahooks 源码系列】探究如何实现 useRequest
前言 本文是 ahooks 源码（v3.7.4）系列的第十四篇——【解读 ahooks 源码系列】探究如何实现 useRequest 往期文章： 【解读 ahooks 源码系列】（开篇）如何获取和监听 DOM 元素：useEffectWith...
2年前我搞懂了React 的 useReducer
useReducer 是除useState之外另一个与状态管理相关的 hook，对于熟悉 Redux 的工程师而言，理解 useReducer 将变得简单，在 React 内部，useState 由 useReducer 实现。 useReducer 的类型定义 ...
2年前React 高级概念之Context
在 React 应用中，为了让数据在组件间共享，常见的方式是让它们以 props 的形式自顶向下传递。如果数据要在组件树不同层级共享，那么这些数据必须逐层传递直到目的地，这种情况被称为“prop-dri...
2年前新版React官方文档解读（二）- Hooks 之 useState 和 useReducer
我正在参加「掘金·启航计划」 大家好呀，我是小肚肚肚肚肚哦！ React 官网出了 beta 版的新版本，仍旧没有中文版。对于国内不少开发者来说增加了不少麻烦。我这里以前端开发的角度归纳总结一下...
2年前Raycast API 及其扩展插件是如何工作的
原文链接：How the Raycast API and extensions work 原文作者：Felix Raab 前言及简单介绍：Raycast是Mac上的启动器App，类似于Alfred，但它的UI更加现代化，集成了AI能力，对于前端开发来说它...
2年前React-Redux 那些年 Redux 官方开的小灶
关于「你不知道的 Redux」这个专栏 在前端进阶中，redux 或者说是状态管理 是一个比较好的切入点，在实际项目中应用广泛,可选的解决方案非常多，生态非常丰富，学习他可以帮助我们提升编程设计...
2年前
React | 挑战禁忌之Redux
“我正在参加「掘金·启航计划」” 一、Redux的核心思想 理解JavaScript纯函数 函数式编程中有一个非常重要的概念叫纯函数 JavaScript 符合函数式编程的范式 所以也有纯函数的概念 在react开发...
2年前React APIs 演进和代码复用
本文翻译自 The evolution of React APIs and code reuse，略有删减 React 改变了我们构建 UI 的思维方式，随着它的不断发展，它也正在改变我们构建应用程序的思维方式。 我们有时对事物的认知...
2年前
关于“React 和 Vue 该用哪个”我真的栓Q | 京东云技术团队
一、前言：我全都要 面对当今前端界两座大山一样的主流框架，React 和 Vue，相信很多小伙伴都或多或少都产生过这样疑问，而这样的问题也往往很让人头疼和犹豫不决： 业务场景中是不是团队用什...
2年前
如何封装一个日历组件（多视图、可选择、国际化)
前言 最近好奇日历组件是怎么实现的。于是阅读了下react-calendar的源码，并实现了简化版的日历组件。本文把实现日历的设计思路分享给大家。只要理清了主要逻辑，就不难实现了。 技术栈：react...
2年前
Next.js了解篇｜一文带你梳理清楚Next.js的功能
前面写了好几篇关于 Next.js 的文章，虽然都不长，但都是实际使用过程中的一些经验分享，不过这些文章对于不了解 Next.js 的人来说，可能很不友好，我也一直想重新梳理一下 Next.js 使用的方案...
2年前