深入理解 React 的 useSyncExternalStore Hook
深入理解 React 的 useSyncExternalStore Hook大家好，今天我们来聊聊 React 18 引入的一个新 Hook：useSyncExternalStore。这个 Hook 主要用于与外部存储同步状态，特别是在需要确保状态一致性的场景下非常有用。本文将深入探讨这个 Hook 的使用场景、工作原理，并通过代码示例来帮助大家更好地理解。为什么需要 useSyncExternalSt...
React Native Android 应用开发、调试与发布深度指南
React Native 是构建跨平台移动应用的强大工具。本指南将深入探讨使用 React Native 开发、调试和发布 Android 应用的各个方面，为您提供全面的指导。 1. 环境准备 Node.js 和 npm/yarn: 确保您的系统中安装了 Node.js 和 npm (Node Package Manager) 或 yarn。您可以从 Node.js 官网下载安装包。Java Develo...
react钩子函数用法（useCallback、useMemo）
useMemo import { useMemo } from 'react'; function MyComponent({ a, b }) { const memoizedValue = useMemo(() => { // 进行一些昂贵的计算 return a + b; }, [a, b]); // 当 a 或 b 发生变化时，memoizedValue 将被重新计算 return <div>{mem...
react实现窗口悬浮框，可拖拽、折叠、滚动
1、效果如下 2、如下两个文件不需要修改 drag.js import React from "react";import PropTypes from "prop-types"; export default class DragM extends React.Component { static propTypes = { children: PropTypes.element.isRequired ...
react-day1
1.react是什么呢？ react是由Meta公司开发，是一个用于构建web和原生交互界面的库 2.react 项目修改文件保存后 ，不能实时更新，需要： 在和package.json文件同目录的地方，新建.env文件：里面加入： FAST_REFRESH=false 上面的代码保存即可 3.主要文件的解读： 1.入口文件：index.js // 项目的入口文件 从这里开始运行 // React中必要的...
Java与React轻松导出Excel/PDF数据
导出的逻辑放在服务端，前端仅需发起请求即可。通过在服务端完成导出后，前端再下载文件完成整个导出过程。服务端导出具有许多优点，如数据安全、适用于大规模数据场景以及不受前端性能影响等。本文将使用前端框架React和服务端框架Spring Boot搭建一个演示的Demo，展示如何在服务端导出Excel和PDF文件。当然，对于前端框架，如Vue、Angular等也可以采用类似的原理来实现相同的功能。在服务端导出...
Web前端三大主流框架：React、Angular和Vue的比较与选择
Web前端三大主流框架：React、Angular和Vue的比较与选择 Web前端技术的快速发展为开发者提供了丰富的工具和框架，其中React、Angular和Vue是当前最受欢迎的三大框架。这三个框架各有特点，适用于不同的项目需求和开发团队。本文将对React、Angular和Vue进行深入比较，包括它们的特点、优势和不足，以及在实际应用中的选择建议，帮助读者更好地理解和选择适合自己项目的框架。 一、Re...
React - 实现走马灯组件
一、实现效果 二、源码分析 import {useRef, useState} from "react"; export const Carousel = () => { const images = [{ id: 3, url: 'https://sslstage3.sephorastatic.cn/products/2/4/6/8/1/6/1_n_new03504_100x100.jpg' }, { i...
高级IO｜从封装epoll服务器到实现Reactor服务器｜Part1
从封装epoll_server到实现reactor服务器(part1) 项目复习：从封装epoll_server到实现reactor服务器(part1)EPOLL模式服务器初步 select, poll, epoll的优缺点epoll的几个细节封装epoll_server基本框架先写好创建监听套接字和创建epoll模型可以Accept了吗？此时可以调用epoll_wait去让epoll关心这些文件描述符了...
react和vue在跨平台方面的比较
React 和 Vue 都是非常流行的前端框架，它们在跨平台开发方面都有各自的优点。 React： React Native：React 的跨平台解决方案是 React Native，它可以开发原生渲染的 iOS 和 Android 应用。React Native 使用和 React 相同的组件模型，可以在不同的平台上重复使用相同的代码，同时保持了原生应用的性能和外观。ReactXP：由微软开发，是一个在...