react.js

小刘不知道叫啥8 小时前
前端·react.js·前端框架
React源码揭秘 | 启动入口本文主要介绍React18版本的初始化启动过程,包含ReactElement元素的创建,createRoot如何创建根节点,以及Fiber树的基本结构,算是揭秘React核心原理的前置知识总结。
孟陬1 天前
react.js·设计模式·typescript
持续改善 React 代码的 SOLID 原则(附带 hooks 详细案例)适用于高级前端作者:James Nash原文:Applying SOLID principles in React 发布于 2022 年 7 月 12 日
程序员小续14 小时前
前端·javascript·react.js·前端框架·vue·excel·reactjs
Excel 表格和 Node.js 实现数据转换工具这个工具的核心思路是:在前端和后端项目分别安装 xlsx 相关依赖。前端(vue)后端 (Node.js + Express)
Eamonno1 天前
react.js·性能优化
深入理解React性能优化:掌握useCallback与useMemo的黄金法则在React应用开发中,性能优化如同精密的齿轮传动系统,每个零件的优化都会影响整体运行效率。当你的组件树开始变得复杂,渲染性能问题就像幽灵般悄然浮现。本文将带你深入React性能优化的核心战场,解密useCallback与useMemo的运作机制,手把手打造高性能React组件。
goldenocean1 天前
前端·react.js·前端框架
React之旅-02 创建项目创建React项目,常用的方式有两种:经过对比分析,使用Vite包更加便利。故强烈推荐使用此方式。Vite创建项目步骤,输入创建命令后,根据提示一步一步完成,首先输入项目名称(react-vite-app),然后选择框架(React),最后选择语言(TypeScript),当然,你完全可以根据自己的喜好进行选择。如下图:
一路向前的月光1 天前
前端·react.js·前端框架
React(8)封装评论列表的Item组件 实现父传子以及子组件调用父组件方法
林啾啾1 天前
前端·javascript·react.js
常用的 React Hooks 的介绍和示例useState 是一个用于在函数组件中添加状态的 Hook。useEffect 是一个用于在函数组件中执行副作用(如数据获取、订阅或手动更改 DOM)的 Hook。
goldenocean2 天前
前端·javascript·react.js
React之旅-01 初识工作需要,开始专研前端开发。目前比较流行的技术架构有React和Vue,经过对比分析,决定选用React。具体原因就不再赘述,感兴趣的可以自行搜索。正所谓“没有最先进,只有最适合”。
power-辰南2 天前
人工智能·react.js·架构·ai agent
AI Agent架构深度解析:从ReAct到AutoGPT,自主智能体的技术演进与工程实践前言 觉得不错就点个赞吧!。(配图:AI Agent架构演进时间轴,标注关键技术节点)(表格:架构对比分析)
开发者每周简报2 天前
javascript·react native·react.js
React:UI开发的革新者在快速发展的网页开发世界里,开发者们面临一个挑战——如何构建高效、可扩展且易于管理的用户界面。2013年,Facebook的工程师们推出了解决方案:React,一个专为创建动态用户界面设计的JavaScript库。
engchina2 天前
css·react.js·ui·vite·tailwind·react 19·shadcn
使用 Vite + React 19 集成 Tailwind CSS 与 shadcn/ui 组件库完整指南随着 React 19 的发布,开发者对高效开发工具链的需求日益增加。本文将手把手教你如何通过 Vite 快速搭建 React 19 项目,并整合 Tailwind CSS 与 shadcn/ui 组件库,最后配置路径别名优化开发体验。
祈澈菇凉3 天前
前端·javascript·react.js
React 的 context 是什么?React 是一个用于构建用户界面的 JavaScript 库,尤其擅长处理复杂的 UI 组件。在开发大型应用时,组件之间的状态管理和数据传递常常变得复杂,尤其是当数据需要在多个层级的组件之间传递时。为了解决这个问题,React 提供了 Context API。
Au_ust3 天前
前端·javascript·react.js
千峰React:脚手架准备+JSX基础组件化->封装性React提供函数组件实现组件化React和传统JS的区别就是JS需要手动管理DOM操作,React: 采用组件化开发,通过虚拟DOM提升性能。
化作繁星3 天前
前端·javascript·react.js
React中如何处理高阶组件中的错误在 React 高阶组件中处理错误是确保应用程序健壮性和稳定性的重要环节。以下是一些处理高阶组件中错误的常见方法:
CaptainDrake3 天前
网络·react.js·低代码
React 低代码项目:网络请求与问卷基础实现Date: February 10, 2025技术要点:开发要点:注:前端项目并不推荐直接使用 mock.js。因为它不支持 fetch,且上线时需要剔除模拟接口。
liuyuyang10243 天前
javascript·vue.js·react.js
React 与 Vue 对比指南 - 上本文将展示如何在 React 和 Vue 中实现常见功能,从基础渲染到高级状态管理分别使用 react 和 vue 写一个 Hello World!
浊尘3 天前
前端·javascript·react.js
React实现自定义图表(线状+柱状)要使用 React 绘制一个结合线状图和柱状图的图表,你可以使用 react-chartjs-2 库,它是基于 Chart.js 的 React 封装。以下是一个示例代码,展示如何实现这个需求:
浊尘3 天前
前端·react.js·前端框架
React实现自动滚动表格在 React 中实现一个自动滚动的表格,可以通过 CSS 动画和 JavaScript 定时器来实现。以下是一个完整的示例代码,包含示例数据和自动滚动功能。
小纯洁w3 天前
vue.js·react.js·logicflow
LogicFlow 在 React/Vue 中的完整安装使用指南以下是 LogicFlow 在 React/Vue 中的完整安装使用指南,包含 核心配置 与 实战示例:
灰色人生qwer3 天前
vscode·react.js·typescript
React + TypeScript+ Vite 配置路径别名和vscode智能路径提示在根目录下的 vite.config.ts 文件中配置如下代码,就可以使用路径别名了。此时可以正常启动项目,并正确使用路由了。