React.js共0篇 第7页
React.js
排序
React下一代状态管理库——recoil
引言 对于react状态管理库，大家比较熟悉得可能是Redux，但是redux虽然设计的比较简洁，但是他却有一些问题，比如需要写大量的模板代码；需要约定新的状态对象是全新的，如果我们不用全新的对象...
2年前
React–Redux①(简介与基本使用)
为什么需要Redux 随着 JavaScript 单页应用日趋复杂，需要管理的状态或事件处理函数也越来越多，而且逐渐难以管理 其中包括服务器返回的数据、缓存数据、用户操作产生的数据等，也包括一些 UI ...
2年前
通过 miniReact 掌握 React 体系
前言 本篇文章翻译、学习自 build your own react，感兴趣的可以直接看原文。 通过一个 mini 版的 React，可以掌握 createElement()、render()、Fibers、Render 阶段和 Commit 阶段 、Function ...
2年前
译文：React 状态提升概念介绍及上手示例
本周我想要分享一下 React.js 中状态提升的知识。在开始介绍状态提升之前，我想先介绍一下 Prop Drilling（属性钻取）的概念。 什么是Prop Drilling ？ 那么，什么是状态提升呢？我们都知道 Rea...
2年前React几种避免子组件无效刷新的方案
您好，如果喜欢我的文章，可以关注我的公众号「量子前端」，将不定期关注推送前端好文~ 前言 一个很常见的场景，React中父组件和子组件在一起，子组件不依赖于父组件任何数据，但是会一起发生变...
2年前
Million.js：React 应用中高效数据列表渲染的解决方案
前言 Million.js 是一个极快且轻量级（<4kb）的虚拟DOM，可以使 React Component 速度提高70%， Million 与 React 一起工作，Million.js 通过使用一个微调的、优化的虚拟DOM, 减少了React的...
2年前
Web Worker没有使用场景？那只是你没有用到而已???
前几天的一场面试中，被面试官吐槽了一下，我在我项目中直接使用 Prettier 来做代码格式化，首先加载该依赖包就需要一定的成本了，况且格式化的过程中可能需要一些计算，会导致阻塞整个浏览器。...
2年前
next.js出现Hydration failed
1、现象： 初步分别使用css媒体查询和react-responsive的useMediaQuery，进行移动端和pc端切换对比。使用useMediaQuery可以快速通过js获取当前的媒体查询，从而确定当前的屏幕是宽屏还是移动端...
2年前
React和Vue全方位对比
前言 本文将从渐进式、时间线、跨平台及企业级框架情况多个维度对两个库进行对比。 从概念开始 React官网说：React是用于构建用户界面的Javascript库。 Vue官网说：Vue是用于构建用户界面的Java...
2年前
一文掌握SVG雷达图的制作！高中数学知识终于派上用场了
前沿 在上一篇 # 轻松实现！用SVG打造简洁实用的柱形图和折线图，让数据一目了然 中，我们介绍了使用svg柱形图和折线图的制作。不要停下脚步，这次我们将介绍雷达图。 雷达图是一种基于极坐标系...
2年前
React发布自定义组件库——高阶玩家必备~
@NPM发包前置知识 为了发布一个React组件库，你需要先对NPM发包有一些基本了解 先好好读一虾 ? 介篇文章↓↓↓ NPM库的发布——诚意奉献，一文讲透 @创建一个库工程 npm init vite@latest 后续...
2年前
玩点不一样的：使用React中的模块联邦实现微前端
前言 本文将使用微前端架构和模块联邦构建可扩展和高效的Web应用程序的概述，并提供了一个简易教程，教你如何使用React中的模块联邦构建微前端。一步一步搭建一个ikun之家。 什么是微前端？ 微...
2年前
?真的绝了，通过注释埋点好简单！！
这篇文章主要讲如何根据注释，通过babel插件自动地，给相应函数插入埋点代码，在实现埋点逻辑和业务逻辑分离的基础上，配置更加灵活 回顾 上篇文章也讲了向代码中插入埋点函数，只不过是给每个...
2年前
如何使用Jest测试你的React组件
在本文中，我们将了解如何使用Jest（Facebook 维护的一个测试框架）来测试我们的React组件。我们将首先了解如何在纯 JavaScript 函数上使用 Jest，然后再了解它提供的一些开箱即用的功能，这些...
2年前
React使用 ahooks的useDrop & useDrag 以及Form表单 实现的拖拽元素到指定可缩放画布的功能
一 . 需求拆解 二 . 对于画布大小的配置 由于需要打造一个大屏展示的低代码平台，那么大屏展示的方案就必不可少。这里采用的是固定宽高比，来根据视口大小自适应缩放或扩大的大屏展示方案来设计...
2年前
隔壁同事：卧槽？你对的 useEffect 理解怎么这么牛逼???
React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手...
2年前redux 源码学习
前言 redux，一个继承了 flux 架构思想的状态管理库，不与任何 UI 框架、库强绑定，因为其不与框架耦合的特性，所以在状态变更时无法自动触发视图更新，且配置较为繁琐，在使用体验上不如一些较...
2年前Next.js 13.4版本更新内容~
原文地址：nextjs.org/blog/next-1… Next.js 13.4 是 Next.js 的一个基础版本发布，标志着应用App Router的稳定性。 App Router (Stable) : React Server Components: 使用 React Server Compo...
2年前
在 React Router 中使用 JWT
hello 大家好，我是 superZidan，这篇文章想跟大家聊聊 在React Router 中使用 JWT ，如果大家遇到任何问题，欢迎 联系我 或者直接扫描下方二维码 在这篇文章中，我们将探讨 JWT 身份校验与 Rea...
2年前
14_React Hooks
React16.8之前Class组件的优势 class组件组件可以定义自己的state， 有自己的生命周期如在componentDidMount中发送网络请求，并且该生命周期函数只会执行一次 在状态改变之后只会重新执行render...
2年前