React.js共0篇 第23页
React.js
排序
React Hooks 用法详解
什么是Hook Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 常用的hook useState 语法 const [xxx, setXxx] = useState(initValue) 参...
2年前
React高级技术与集成（翻译）
原文链接：blog.arjunsingh.tech/superchargi… 原文作者：hashnode.com/@dotarjun 写在前面 在掘金写过很多文章，准确来说是记录学习过程的笔记，或者项目中碰到的问题，甚至于心情；刚开始不...
2年前
手写一个 React 图片预览组件
原文链接: 手写一个 React 图片预览组件 前几天打算给博客添加一个图片预览的效果，可在网上找了半天也没找到合适的库，于是自己干脆自己手写了个。 最终实现效果如下： 实现原理 当鼠标点击图...
2年前react 状态管理之 redux-saga 的使用与实现原理
上一篇文章# redux middleware 的使用与实现原理介绍了 redux middleware，今天这篇文章将介绍非常流行的一个用于处理Side Effect 的 redux middleware 也就是 redux-saga。 在 redux 的 reduce...
2年前
「萌萌哒草头将军」的文章主页
大家好，我是萌萌哒草头将军，这是我的文章主页，欢迎关注我 我的联系方式：SunBoy_mmdctjj，欢迎加我，拉入学习交流群一起学习 最近群里有抽奖，十几个人的学习交流群送五本书，概率超大！！ ...
2年前
学不完的框架，?舔不完的面，Qwik，你到底想嘎哈？
文章首发在公众号：萌萌哒草头将军，最近关注有抽五本书送给大家，关注后回复：活动 最近我又又双学习了一个新框架，Qwik 真的没完没了了， 不过作为'前端娱乐圈战地记者'，我继续帮大家踩雷。 ...
2年前
前端食堂技术周刊第 86 期：Remix 拥抱 RSC、2023 React 生态系统、从 0 实现 RSC、字节跳动 Mobile DevOps 工程实践
美味值：????? 口味：椰子水 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly 本期摘要 Remix 拥抱 RSC WebContainers 原生支持 npm、yarn 和 pnpm 2023 React 生态系统 从 0 实现 RS...
2年前
React | 初尝React组件化开发
“我正在参加「掘金·启航计划」” 一、React组件化开发 什么是组件化开发? 组件化是一种分而治之的思想: 如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利...
2年前
温故知新 ReactJS
对组件化的理解 组件将应用的 UI 拆分成独立的、可复用的模块。 组件化的核心，就是两点: 封装 共同的逻辑 复用 通过属性（props）的传递，展示不同的模板内容 定义组件的两种方式 class compon...
2年前
React Native ECharts 全方位对比 React Native 社区流行的绘图库
引言：在现代移动应用开发中, 数据可视化是至关重要的一部分。图表库在React Native应用中扮演着关键角色, 帮助开发人员以可视化的方式呈现和分析数据。React Native生态系统中有许多优秀的图表...
2年前
基于zustand维护的一套跨框架(react/vue)跨应用的状态管理及共享方案
zustand-pub 只要从事前端开发，不论是小程序还是web，都绕不开状态管理。 众所周知， zustand 是一套轻量、便捷、可拓展的状态管理方案，不论国内 or 国外，都备受喜爱，star 数已接近 3W。 而...
2年前
花几分钟通篇回顾Redux（基础篇）
Redux核心思想 Redux 是一个 JavaScript 状态管理库，被广泛用于构建用户界面和处理应用程序的状态。它的核心思想是单一数据源（Single Source of Truth）和状态不可变性（Immutability）。 Red...
2年前「react自顶向下」为什么需要时间分片和异步更新？
一、React设计的理念 快速响应： React15的老架构违背了快速响应的设计理念。 二、浏览器渲染原理 这篇文章里面详细的解释了浏览器的渲染流程 一文看懂浏览器解析流程 三、React15（老架构） 1....
2年前
react 状态管理之 redux middleware 的使用与实现原理
redux 一个强大的功能之一就是可以使用 redux middleware 中间件机制在dispatch action和action到达reducer之间提供一个逻辑的插入点，可以执行想要执行的逻辑，比如将action写入日志、埋点的上...
2年前
Webpack 5.0 从零开始搭建 React 项目
前言 使用最新的 webpack5 一步一步从零搭建一个完整的 react18 + ts 开发和打包环境，配置完善的模块热替换以及构建速度和构建结果的优化。 初始化项目 先手动初始化一个基本的 react + ts 项...
2年前
React Performance之 useMemo useCallback
说到性能相关的东西主要是涉及到了component的re-render机制。性能优化方向之一就是减少不必要的重复re-render。 版本：react 18.2.x 在开始之前需要说一个前提： 在React开发模式下使用StrictM...
2年前
Million.js：React 应用中高效数据列表渲染的解决方案
前言 Million.js 是一个极快且轻量级（<4kb）的虚拟DOM，可以使 React Component 速度提高70%， Million 与 React 一起工作，Million.js 通过使用一个微调的、优化的虚拟DOM, 减少了React的...
2年前React Router 的详细讲解以及基本使用教程
背景 最近在学习React，但是众所周知，React是一个单页面应用(SPA)。 “单页面应用”顾名思义:只有一个页面，它是没有路由导航机制的。因此，为了在不刷新整个网页的情况下在不同的视图之间进行...
2年前React 高级概念之Ref
Ref 的功能强大，通过它能够让组件与 DOM 元素或类组件与其父级之间建立直接联系。总体而言，使用ref 出于以下3个目的： 访问 DOM 元素 访问组件的实例 将它作为 mutable 数据的存储中心 创建 r...
2年前
React Fiber技术解读：你需要知道面试官最关心的话题！
大家好，我是沐华。关于 React Fiber 出来也有几年了，可最近面试多了才发现，还是有很多人一知半解，所以本文梳理了一下有关 Fiber、以及这个话题环环相扣，可以延伸的点，给大家面试复习、查...
2年前