react

aiguangyuan2 天前
react·前端开发
React 动态路由的使用和实现原理在现代Web开发中,动态路由是实现单页应用中页面导航的关键技术之一。动态路由允许开发者根据URL中的参数动态地渲染不同的组件或页面。本文将详细解释动态路由的使用和实现原理,并通过一个示例代码块来展示如何在React应用中实现动态路由。
aiguangyuan2 天前
react·前端开发
手写简版React-router手写一个简化版本的 React Router,主要实现其核心功能,包括路由配置、路径匹配和导航。这个简化版本将包括以下组件和函数:
aiguangyuan2 天前
react·前端开发
React-router实现原理剖析React-router 实现最需要关注的就以下几方面:1. 路由值到视图的映射规则2. 对于路由变更的监听
aiguangyuan2 天前
react·前端开发
React 19 新特性React 19 引入了多项新特性和改进,旨在提升开发都体验和应用性能。Actions 简化了异步操作的处理,自动管理待处理状态、错误、乐观更新和表单提交。开发者用 useTransition 来处理待处理状态,确保 UI 在数据变化时保持响应性。例如:
亦世凡华、3 天前
经验分享·react·组件库·组件库开发
React--》使用vite构建器打造高效的React组件库vite作为一款现代化的构建工具以其极速的构建速度和出色的开发体验,成为了众多开发者的首选工具,接下来我们就开始通过vite构建工具来构建结构清晰的react组件库
菜鸡爱上编程3 天前
前端·javascript·reactjs·react
React16,17,18,19更新对比总结react 16,17,18,19所更新的内容,并且部分会涉及到原理讲解。1、在16.8之前更新,还是基于class组件的升级和维护更新。并且更新了一个重要的架构,Fiber架构。 什么是Fiber:Fiber架构的核心是“Fiber”节点,它是工作的基本单位。每个React元素都对应一个Fiber节点,这些节点构成了一个工作单元的树状结构。Fiber节点包含组件的类型、其对应的DOM节点信息以及子节点和兄弟节点的引用等信息。 2、而16.8的更新,是react的一个重要更新呢版本。 更新内容:
霸王蟹3 天前
笔记·学习·typescript·excel·vue3·react·vite
前端项目Excel数据导出同时出现中英文表头错乱情况解决方案。在前端项目中实现Excel导出功能时,数据导出excel是常见的业务需求。但excel导出完表头同时包含了中文和英文的bug,下面是我的经验分享,应该可以帮助到你。
aiguangyuan5 天前
react·前端开发
浅谈 React SuspenseReact Suspense 是 React 中用于处理异步操作的功能。它可以让你"等待"某些操作,如数据获取或组件加载完成,然后再渲染组件。Suspense 的核心理念是让组件在准备好之前显示一个备用的 UI,例如加载指示器,从而提高用户体验。
真的很上进7 天前
java·前端·vue.js·python·算法·react·html5
2025最全TS手写题之partial/Omit/Pick/Exclude/Readonly/Required随着 TS 在工作中使用的越来越广泛,面试的时候面试官也都会加上一两个 TS 的问题来了解候选人对于 TS 的熟悉程度,其中就有不少手写题目,比如笔者在字节的一次二面,面试官就问到了我如何实现一个 Pick,在小红书的一面,面试官问到了我如何实现一个 Omit。
crary,记忆9 天前
前端·react·angular
微前端 - Module Federation使用完整示例安装必要依赖:修改 webpack.config.js:主应用路由配置 (app.module.ts):
aiguangyuan10 天前
react·前端开发
浅谈 React HooksReact Hooks 是 React 16.8 引入的一组 API,用于在函数组件中使用 state 和其他 React 特性(例如生命周期方法、context 等)。Hooks 通过简洁的函数接口,解决了状态与 UI 的高度解耦,通过函数式编程范式实现更灵活 React 应用编码实现。
whatever who cares11 天前
react.js·react
React hook之userReducer在 React 中,useReducer 是一个用于管理复杂状态逻辑的 Hook,它类似于 Redux 中的 reducer 模式,但更轻量且适用于组件内部或结合 Context API 实现全局状态管理。以下是 useReducer 的详细用法指南:
aiguangyuan12 天前
react·前端开发
React Hooks 基础指南React Hooks 是 React 16.8 引入的重要特性,它允许开发者在函数组件中使用状态和其他 React 特性。本文将详细介绍 6 个最常用的 React Hooks。
aiguangyuan12 天前
react·前端开发
React 项目初始化与搭建指南React 项目初始化有多种方式,可以选择已有的脚手架工具快速创建项目,也可以自定义项目结构并使用构建工具实现项目的构建打包流程。
aiguangyuan13 天前
react·前端开发
React 组件异常捕获机制详解在React应用开发中,组件异常的有效捕获对于保证应用稳定性至关重要。React提供了一种称为"错误边界"的机制,专门用于捕获和处理组件树中的JavaScript错误。
aiguangyuan13 天前
react·前端开发
深入理解 JSX:React 的核心语法JSX(JavaScript And XML)是 React 中最核心的概念之一,也是区别于 Vue 的一个重要特征(尽管 Vue 现在也支持 JSX 语法)。JSX 是一种在 JavaScript 中编写 HTML 代码片段的语法协议,它会在编译阶段被转换为标准的 JavaScript 代码,从而在运行时工作。
aiguangyuan13 天前
react·前端开发
React 基础语法新版本 React 推荐使用函数式组件设计,状态相关处理推荐使用 Hooks,接下来我们通过 class component 和 function component 进行对比讲解。
aiguangyuan15 天前
react·前端开发
React 核心概念与生态系统React 是由 Facebook 开发并开源的一个用于构建用户界面的 JavaScript 库。它主要用于构建单页应用(SPA),其核心理念是组件化和声明式编程,即 ui = render(data)。
aiguangyuan15 天前
react·前端开发
React 18 生命周期详解与并发模式下的变化React 组件的生命周期可以分为三个阶段:挂载(Mounting)、更新(Updating)和卸载(Unmounting),以及错误处理阶段。
linweidong22 天前
webpack·vue3·react·前端面试·hooks·懒加载·flex布局
汇量科技前端面试题及参考答案在 JavaScript 中,数组去重是一个常见的操作,有多种方法可以实现这一目标。每种方法都有其适用场景和性能特点,下面将详细介绍几种主要的去重方法。