react

阿桂有点桂

React使用笔记（持续更新中）文件结构：根目录（项目名）|-config|-config.jsx|-src|-taskpane|-components

在未来等你

AI Agent设计模式 Day 2：Plan-and-Execute模式：先规划后执行的智能策略【AI Agent设计模式 Day 2】Plan-and-Execute模式：先规划后执行的智能策略在“AI Agent设计模式实战”系列的第二天，我们将深入探讨 Plan-and-Execute（规划-执行）模式。该模式通过将复杂任务拆解为结构化子目标，并分阶段完成“规划”与“执行”，显著提升了Agent在多步骤、高不确定性场景下的鲁棒性与可解释性。相较于ReAct等边推理边行动的模式，Plan-and-Execute更适合需要全局视野的任务，如项目管理、自动化运维、科研实验设计等。本文将从理论基础、架

在未来等你

AI Agent设计模式 Day 3：Self-Ask模式：自我提问驱动的推理链欢迎来到“AI Agent设计模式实战”系列的第3天！在前两天我们分别探讨了ReAct模式（推理与行动结合）和Plan-and-Execute模式（先规划后执行）之后，今天我们聚焦于一个极具启发性的基础设计模式——Self-Ask模式（自我提问模式）。该模式通过让大语言模型（LLM）主动提出中间问题（follow-up questions），并逐步回答这些问题，最终构建出完整的推理链，从而显著提升复杂问答任务的准确率与可解释性。

在未来等你

AI Agent设计模式 Day 1：ReAct模式：推理与行动的完美结合【AI Agent设计模式 Day 1】ReAct模式：推理与行动的完美结合在“AI Agent设计模式实战”20天系列的第一天，我们将深入探讨 ReAct（Reasoning + Acting）模式——一种将语言模型的推理能力与外部工具调用能力紧密结合的设计范式。ReAct由Yao et al. 在2022年提出（论文《ReAct: Synergizing Reasoning and Acting in Language Models》），其核心思想是让Agent在每一步决策中交替进行推理（Though

写完这行代码打球去

Umi 数据预加载功能详解Umi 提供了开箱即用的数据预加载方案，能够解决在多层嵌套路由下，页面组件和数据依赖的瀑布流请求问题。Umi 会自动根据当前路由或准备跳转的路由，并行地发起他们的数据请求，因此当路由组件加载完成后，已经有马上可以使用的数据了。

互联网大厂前端面试实录：HTML5、ES6、Vue/React、工程化与性能优化全覆盖本故事发生在一家知名互联网大厂的前端面试现场。面试官老王经验丰富，严肃认真。而面试者避雷哥是一位幽默风趣、偶尔有点水的程序员，面对基础问题还能对答如流，但复杂问题就有点应付了。

老李说技术

React 中 useCallback 的基本使用和原理解析useCallback 是 React 的一个核心 Hook，用于缓存函数定义，避免组件重新渲染时重复创建函数实例。以下是其基本使用方法：

前端基础之《React（7）—webpack简介-ESLint集成》接上篇......十五、ESLint集成1、安装eslint插件2、只需要开发环境集成修改serve.js：

老李说技术

React中useContext的基本使用和原理解析在 React 中，useContext 是一个内置的 Hook，用于在函数组件中轻松访问 Context（全局公共状态），避免了手动逐层传递 props 的复杂性。它依赖于 Context API，通过 Provider 提供数据，后代组件通过 useContext 消费数据。以下是详细的使用方法和步骤，基于 React 官方指南和实践经验。

如何将React自定义语法转化为标准JavaScript语法？React中的JSX语法虽然提高了开发效率，但其中含有React的自定义语法，浏览器是不能识别并运行的。如果要在Web前端中执行需先经过编译。

502-Spring AI Alibaba React Agent 功能完整案例本案例将引导您一步步构建一个 Spring Boot 应用，演示如何利用 Spring AI Alibaba 的 React Agent 功能，实现基于 Graph 的智能问答，并集成天气查询工具。

前端基础之《React（6）—webpack简介-图片模块处理》接上篇......十四、图片模块处理1、把图片当成一个模块引入 App.jsx增加：打包报错2、webpack5.0以前，安装file-loader、url-loader

从一个按钮实例入门CSS in JS之styled-components最近接手一个react项目，项目中使用的 CSS in JS方案来实现CSS模块化，它使用的包是styled-components 我以前的项目Vue居多的，Vue是很简单的通过scoped就可以实现模块化CSS，当然也在项目中用过CSS Modules方案，但CSS in JS还是第一次接触到，正好趁这个时机学习一下，在做demo时候把平时开发用的比较高频的CSS特性都试了一下，最终完成了一个小按钮demo，突然发现它是一个不错的用来入门styled-components不错的小案例，特记录

明仔的阳光午后

React 入门 01：快速写一个React的HelloWorld项目本文主要介绍如何用React开发的脚手架工具vite快速搭建一个符合实际业务项目结构的hello world网页项目并理解React的代码文件结构以及页面渲染流程。

【React】节流会在react内失效？？节流在React内不会“天生失效”，但如果没处理好闭包陷阱或依赖项更新，很容易出现节流不生效、重复执行的问题。

前端基础之《React（4）—webpack简介-编译打包优化》接上篇......十二、编译打包优化1、简化编译后的文件如果看到dist目录里有xxx-vendors.xxx.js文件，这个是第三方包部署时可以做优化，第三方包用CDN做优化

前端基础之《React（3）—webpack简介-集成JSX语法支持》接上篇......十一、集成JSX语法1、安装react说明：（1）-S是代码需要的包，-D是环境需要的包（2）react-dom是用于挂载的（3）react作用是用来封装组件的

前端基础之《React（2）—webpack简介-使用Babel》接上篇......十、模块编译目前是只做了简单的压缩，没有编译处理。对最新es6语法浏览器会报错。1、使用loaders（配置中叫module） webpack支持使用loader对文件进行预处理。在webpack眼中一切文件皆模块，webpack必须使用各种loaders来处理各种不同的模块文件。

React 03不一定，JSON 配置文件可以用于描述 UI，但并非所有 JSON 配置都与 UI 相关，它的核心作用是存储结构化配置信息，是否反映 UI 取决于具体的使用场景。

上下文工程实践：利用GLM-4.6和TRAE SOLO打造新粗野主义风格音乐创作网站目录项目背景智谱大模型TRAE SOLO新粗野主义风格交互式音乐音乐创作网站产品需求文档音乐创作网站技术架构文档