React.js共0篇 第24页
React.js
排序
如何实现支持跨 Vue 2/3 的组件库
Vue 3 已经发布三年，我们有较多项目还停留在 Vue 2。Vue 3 的升级是比较割裂的,我们主要做的是 2B 业务，项目、模块、分支都非常多，因此升级的成本和风险都比较高。 我们目前的策略是 “新旧...
2年前
组件间数据更新，可以不写 callback 吗？【玩转 React Hooks】
顺手就是一套 callback 业务场景 在最新一期的需求中，我需要在所有的购买入口，添加'阅读购买须知'的模块。 '阅读购买须知'的模块主要包括两部分内容：购买须知按钮和提示文案。 提交购买时，...
2年前【解读 ahooks 源码系列】LifeCycle 篇 与 Scene 篇（一）
前言 本文是 ahooks 源码（v3.7.4）系列的第十二篇——LifeCycle 篇 与 Scene 篇（一） 往期文章： 【解读 ahooks 源码系列】（开篇）如何获取和监听 DOM 元素：useEffectWithTarget 【解读 aho...
2年前
这些 Github 项目，藏着 React 最前沿的技术
首发于公众号 前端从进阶到入院，欢迎关注。 TL;DR 开源项目很棒，其中之一的原因就是，我们可以从中学习新技能。在本文中，我们将介绍一些在 GitHub 上的最佳开源 React 项目，可以帮助你快速...
2年前
?一个demo体验Vue3.3+TypeScript所有新功能?
最新文章发布在公众号：萌萌哒草头将军，个人：SunBoy_mmdctjj，欢迎关注，最近关注有?，送五本JavaScript的书~ Vue3.3已经发布一个月了，今天我和大家体验下最新功能 ? 准备工作 ? 创建项目并...
2年前
React | 初尝禁果之React
“我正在参加「掘金·启航计划」” 一、React的介绍和特点 React的介绍 React是什么? React: 用于构建用户界面的JavaScript库; React的特点 - 声明式编程 声明式编程： 声明式编程是目前 整个大...
2年前
react 状态管理之 react-redux 使用与实现原理
上一篇文章redux 的使用与实现原理我们介绍了redux的使用并手写了redux的核心逻辑。这篇文章将介绍使用react-redux订阅 store、检查更新数据和触发重新渲染，并通过代码实现 react-redux 的核心...
2年前
React Diff 有key和没key混合的时候怎么diff
网上有太多的文章都在说React Diff 但是他们都是讲了基本的原理，但是真正使用的时候真的是这样么？ 根据大佬们的源码解析，有以下几种场景 一次循环比对所有的节点，全部都能复用，这是非常理...
2年前
"火焰图"也可以是源码阅读的利器
什么是火焰图？ 火焰图是一种常用的性能分析工具。它展示了程序在时间轴上的执行情况，通过颜色深浅来表示消耗时间的长短。在 Web 开发中，火焰图通常被用来分析前端性能问题，例如卡顿、加载时...
2年前
通俗易懂知React实现keep-alive原理，看不懂不要赞
我正在参加「掘金·启航计划」 去年写完最后一篇文章之后换了一家新公司，这一年忙死了，应该是我毕业以来最忙的一年，最近有些许空闲，所以又打算把这一年积攒到的一些经验总结一下，所以又来...
2年前移动端实战开发：探索React Native的技术深度
移动应用开发在当今的技术领域中扮演着重要的角色。React Native作为一种流行的开发框架，允许开发人员使用JavaScript来构建原生移动应用程序。本文将带您深入了解React Native，并通过一个实例...
2年前React的发展历史和核心概念一览
前言 新框架的诞生必定有它的历史背景，不会无中生有。早在2011年，Facebook 开发人员面临代码维护方面的一些问题。随着Facebook Ads 应用程序的功能多样化，团队需要更多的人来保持它的稳定性...
2年前
基于vite2+react+typescript前端开发工程化（二）
一、回顾简述 上一篇文章，主要讲述了前端工程初始化、目录结构、以及前端规范体系： 代码格式规范 代码质量规范 代码提交规范 版本管理规范 标准化和统一前端团队的代码风格和代码验证，可以大...
2年前
React源码系列（六）—— dom-diff
前言 今日的主题是React的绝对核心DOM-DIFF，想要了解React的更新流程，就非常有必要理解DOM-DIFF。废话不多说，我们直接开始吧。 DOM-DIFF 在聊具体如何diff之前，我们先来了解diff的几个原则...
2年前
使用发布订阅模式实现 react 跨组件通信
使用发布订阅模式实现 react 跨组件通信 前言 公司内部一个很大型的项目，有两个毫不相关(组件层级上)的组件产生了联动效果，看上去效果很简单，但是作为一个开发，一眼就能看出来他的实现应该...
2年前
Vue和React权限控制的那些事
自我介绍 看官们好，我叫JetTsang，之前都是在掘金潜水来着，现在偶尔做一些内容输出吧。 前言 无论是后台管理系统，还是面向C端的产品，权限控制都是日常工作中常见的需求。在此梳理一下权限控...
2年前
聊聊那些你肯定遇到过的 react hook 开发疑问
在上篇文章 学会使用 react hook，从转变心智模型开始 里，我们介绍了正确的 react hook 心智模型应该是什么样的，但是在实际开发时依旧会遇到很多问题让你怀疑自己的设计思路是否正确。或者在...
2年前
2023 了，不会还要做官网吧！
我正在参加「掘金·启航计划」 随着 AIGC 的兴起，移动互联网仿佛一瞬间也不香了，吃到红利的头部应用还在稳坐泰山，后起者在各种 xx 已死的声浪中，不知所措，信心尽失。流量的走势左右了太多...
2年前
深入解析React DnD拖拽原理，轻松掌握拖放技巧！
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。。 本文作者：霁明 一、背景 1、业务背景 业务中会有一些需...
2年前
React 的浅入浅出-简单又不简单的待办清单（下）
一、前言 欲买桂花同载酒，终不似，少年游。 在上篇文章介绍了待办清单案例“简记”的页面结构以及样式编写的相关内容，作为“开胃小菜”，篇幅较短。而这篇将会长些，通篇阅读下来可以收获到 R...
2年前