React.js共0篇 第3页
React.js
排序
基于electron 和 react,我做了一个桌面音乐播放器?
背景 最近正在做一个开源的项目--pear-rec，pear-rec 是一个跨平台的截图、录屏、录音、录像软件。截图功能上篇文章已经讲过了，如果没有看过的可以去看看这篇文章————手把手教你，用electr...
2年前
React–受控组件和非受控组件
受控组件 在 React 中，HTML 表单的处理方式和普通 DOM 元素不太一样，表单元素(如 <input>、<select>等)通常需要维护自己的 state，并根据输入进行更新 React 中的可变状态通常保...
2年前
React–性能优化
React更新机制 React 更新流程如下： React 在 props 或 state 发生改变时，会调用 React 的 render 方法，会创建不同的 DOM 树 React 需要基于这两棵不同的树之间的差别来判断如何有效的更新 U...
2年前
React–setState深入理解
为何使用setState React 中不能直接修改 state 的值来让界面发生更新，因为 React 并没有实现类似 Vue2 中的 Object.defineProperty，或是 Vue3 中的 Proxy 的方式进行数据劫持，监听数据变化 R...
2年前
React&Vue 系列：CSS 知识要点
背景：作为使用三年 react.js 的搬运工，目前正在积极学习 vue.js 语法，而在学习的过程中，总是喜欢和 react.js 进行对比，这里也不是说谁好谁坏，而是怀有他有我也有，他没我还有的思想去学习...
2年前React18内核探秘：手写React高质量源码迈向高阶开发
手写 React 高质量源码，迈向高阶开发 核心代码，注释必读 // download：3w ukoou com React 18中的新内容 React 18中的突破性变化 一个重要的版本如果没有突破性的变化会是什么？嗯，这个版本...
2年前
React初入门 – 用Ts完成一个Todo
用Ts完成一个Todo 使用React 实现一个简单的待办事项列表：用户可以添加、编辑和删除待办事项； 首先终端运行create-react-app todo --template typescript创建一个react.tsx项目 运行项目npm s...
2年前
CSR、SSR、SSG、ISR 是什么
本文以 React、Vue 为例，介绍下主流的渲染模式以及在主流框架中如何实现上述的渲染模式。 前置知识介绍 看渲染模式之前我们先看下几个主流框架所提供的相关能力，了解的可跳到下个章节。 挂载...
2年前
隔壁同事：卧槽？你对的 useEffect 理解怎么这么牛逼???
React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手...
2年前使用 next-themes 两行代码为 Next.js 项目添加暗黑模式
之前写过文章介绍 React 暗黑模式的实现方式，其原理基本和目前主流的暗黑模式实现方案相似，主要用到的技术有：CSS Variables, 媒体查询, window.matchMedia, React Context 等。但是每个项目...
2年前
用React仿钉钉审批流
引言 这几天帮朋友忙，用了一周时间，高仿了一个钉钉审批流。这个东西会有不少朋友有类似需求，就分享出来，希望能有所帮助。为了方便朋友的使用，设计制作的时候，尽量做到节点配置可定制，减...
2年前React–组件间通信
父传子props 父组件通过 属性 = 值 的形式来传递给子组件数据 const banners = ['新歌曲', '新MV', '新歌单'] <MainBanner banners={banners}/> 子组件通过 props 参数获取父组件传递...
2年前
React–生命周期
生命周期概念 生命周期的概念： 事物从创建到销毁的过程，React 生命周期是抽象的概念，是描述组件从被渲染到被销毁的整个过程 React 将生命周期分为三个阶段： 装载阶段(Mount)： 组件首次在 D...
2年前【译】React性能分析器：逐步指南以测量应用性能
React性能分析器：逐步指南以测量应用性能 原文地址：deadsimplechat.com/blog/react-… 随着react应用程序变得越来越复杂，测量应用程序性能成为开发人员的一项必要任务。 React提供了一个内置...
2年前
React–简介与初体验
React简介 React 基本介绍 概念： React 是将数据渲染为 HTML 视图的 JavaScript 库，用于构建用户界面，由组件组成，拥有自己的逻辑和外观 (官方简介：用于构建 Web 和原生交互界面的库) 作者...
2年前
React–JSX语法
JSX简介 let element = <h1>Hello，React</h1> 右侧赋值的标签并不是字符串，而是一段 JSX 的语法 JSX 是什么？ JSX 是一种 JavaScript 的语法扩展，也称之为 JavaScript XML，因...
2年前
ant.design 组件库中的 Tree 组件实现可搜索的树: React+and+ts
ant.design 组件库中的 Tree 组件实现可搜索的树，在这里我会详细介绍每个方法，以及容易踩坑的点。 效果图： 首先是要导入的文件 // React 自带的属性 import React, { useMemo, useState } fr...
2年前
实现一个渐进式 SSR 框架
简介 如果我们想要拥有开箱即用的 SSR 的能力，通常需要和某些前端框架强绑定，由框架来提供一个大而全的方案，常见的如 Next.js / Umi 等。这些前端框架将 SSR 作为一个可配置的扩展能力提供给...
2年前
跨浏览器存储IndexedDB增删改查查
IndexedDB 是一种底层 API，用于在客户端存储大量的结构化数据（也包括文件/二进制大型对象（blobs））。该 API 使用索引实现对数据的高性能搜索 浏览器存储对比 特性cookiesessionStoragelocal...
2年前
简单讲解怎么用pnpm搭建一个monorepo开源react项目(Vite 和 TypeScript)
背景 本人正在做一个开源截图、录屏和录像的跨平台桌面软件——pear-rec(梨子录像)，本项目是基于Electron、React和Vite搭建的，一开始是使用vite-react-electron脚手架快速搭建的，但是随着项...
2年前