React论坛 今日: 0|主題: 520|排名: 77 

大家好，我是 Java陈序员。 之前，给大家介绍过一款基于实体连接图的数据库设计工具。 可视化！一款基于实体连接图的数据库设计工具！ 今天，给大家介绍一个同款的在线数据库实体关系绘图工具。 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 drawDB —— 一个 ...

前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级 Web 项目。 为了帮助大家学习 Svel ...

在构建 LLM Agent 系统时，选择合适的推理模式至关重要。本文将深入对比两种主流的 Agent 推理模式：ReAct（Reasoning and Acting）和 Plan-and-Execute，通过实战案例帮助你做出正确的技术选型。 核心要点 深入理解两种主流 Agent 模式 ReAct 模式的思考-行动循环机制 Plan-and-Execute 的规划执行分离策略 掌握基于 ...

前言 大家好，这里是白泽，拖更了一段时间，抱歉。在 DouTok2.0 可以初步允许大家接入开发之后，这篇文章才得以出炉。 DouTok：一个开源的 web 端的短视频应用，采用微服务架构，包含前后端（React & Go），DouTok 正处在开发初期，目前已经完成了 基础的用户注册、登录、用户信息管理、视频上传、视频列表展示、评论、点 ...

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发并维护。它的核心理念是“组件化”，即将用户界面拆分为可重用的组件。 React 的组件通常使用 JSX（JavaScript XML）。JSX 是一种 JavaScript 语法扩展，允许开发者在 JavaScript 代码中编写类似 HTML 的结构。 1、初识react 1.1 常用命令 首先安装 Nodejs ...

1、在react项目中安装react-pdf依赖包 建议安装8.0.2版本的react-pdf，如果安装更高版本的可能出现一些浏览器的兼容性问题； npm install react-pdf@8.0.2 -S   1、PC端的使用 1.1、封装一个组件：PdfViewModal.tsx import React, { useState } from 'react' import { Modal, Spin, Alert } from 'antd' import { D ...

当前，在各个大厂纷纷卷LLM的情况下，各自都借助自己的LLM推出了自己的AI Agent，比如字节的Coze，百度的千帆等，还有开源的Dify。 你是否想知道其中的原理？是否想过自己如何实现一套AI Agent？当然，借助LangChain就可以。 1. 简述AI Agent 何为AI Agent呢？如果拿人来对比的话，半支烟认为AI Agent就是一个会思考和行动 ...

当我们在函数组件中，希望使用 useEffect 来达到初始化的目的时，会发现总是在初始化的时候执行两遍 问题复现 组件代码部分 import "./assets/App.css"; import { useEffect } from "react"; const App = () => { useEffect(() => { console.log("组件初始化"); }, []); return ( <> ...

一、路由的使用 1.安装react-router-dom npm i react-router-dom 2.配置 （1）创建router实例对象并且配置路由对应关系 （2）路由绑定 import {createBrowserRouter,RouterProvider} from 'react-router-dom' //（1）创建router实例对象并且配置路由对应关系 const router = createBrowserRouter([ { path : '/l ...

Redux 是一个用于 JavaScript 应用程序的状态管理库。它可以帮助您管理应用程序中的状态，并确保状态的一致性和可预测性。 Redux 主要用于处理大型应用程序中的复杂状态逻辑，例如跨组件共享状态、处理异步数据流等。 Redux 的核心概念包括： Store（存储）：Redux 应用程序的状态（state）被统一存储在一个称为 ...

本篇文章主要介绍react-beautiful-dnd，它是基于react的拖拽插件 接下来会从以下几个方面来介绍react-beautiful-dnd 安装使用 API介绍 Example 1. 安装使用 首先我们需要安装react-beautiful-dnd # yarn yarn add react-beautiful-dnd # npm npm install react-beautiful-dnd --save 使用时： import { DragDropContext ...

React实现视觉差效果缓动轮播 效果如下（图片帧率低看起来有点卡顿，看个大概就行）： 分享一下思路： 1.正常引入一个轮播组件（站在巨人肩膀省时省力），去除指示点、引导箭头等不需要的元素，有些组件支持配置，不支持就手动覆盖CSS样式了 2.找到组件中用于显示展示当前图片的类名 3.添加transform效果和transition属性 ...

一、前言 大家好！我是sum墨，一个一线的底层码农，平时喜欢研究和思考一些技术相关的问题并整理成文，限于本人水平，如果文章和代码有表述不当之处，还请不吝赐教。 最近ChatGPT非常受欢迎，尤其是在编写代码方面，我每天都在使用。随着使用时间的增长，我开始对其原理产生了一些兴趣。虽然我无法完全理解这些AI大型模型的 ...

在有些网络环境中，端口是一种比较稀缺的资源，而我们又恰好有多个前端项目需要发布，我们可以采取将多个项目映射到同一个端口上面的方案加以解决。 本教程前端项目主要以react为主，部署在linux服务器上。 1. 将项目资源的访问地址修改为相对方式 在react项目package.json中，添加或者修改homepage属性为.。具体为： { ...

基于react18.x+vite4+arco-design自研中后台管理系统解决方案ReactAdmin。 react-vite-admin 基于vite4搭建react18.x后台管理项目。使用了react18 hooks+arco.design+zustand+bizcharts等技术实现权限管理模板框架。支持暗黑/亮色主题、i18n国际化、动态权限鉴定、3种布局模板、tab路由标签栏等功能。 React18Admin管理系 ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：佳岚 回顾传统React动画 对于普通的 React 动画，我们大多使用官方推荐的 react-transition-group，其提供了四个基本组件 Transition、CSSTransition、SwitchTransition、T ...

大家好，我是王天～ 今天咱们用 reac+reactRouter来实现页面级的按钮权限功能。这篇文章分三部分，实现思路、代码实现、踩坑记录。 嫌啰嗦的朋友，直接拖到第二章节看代码哦。 前言 通常情况下，咱们为用户添加权限时，除了页面权限，还会细化到按钮级别，比如、新增、删除、查看等权限。 如下效果，切换用户登录后，操作权 ...

React18 Hooks+Arco-Design+Zustand仿微信客户端聊天ReactWebchat。 react18-webchat基于react18+vite4.x+arco-design+zustand等技术开发的一款仿制微信网页版聊天实战项目。实现发送带有emoj消息文本、图片/视频预览、红包/朋友圈、局部模块化刷新/美化滚动条等功能。 使用技术 编辑器：vscode 技术栈：react18+vite4+re ...

Vue 和 React 是创建 JavaScript 网络应用程序最常用的两种工具。但我们该如何在两者之间做出选择呢？在本篇 Vue 与 React 的对比中，我们将尝试找出答案。我们将回顾每种工具的优缺点，提供选择使用哪种工具的技巧，并帮助你开始使用。 总览 什么是Vue？ Vue趣事 什么是React？ React趣事 Vue vs React：全面 ...

在开发网页和移动应用时，经常需要处理大量数据的展示和加载。如果数据量非常大，一次性全部加载可能会导致页面卡顿或崩溃。为了解决这个问题，我们可以使用无限滚动（Infinite Scroll）的技术。React 提供了一个方便的组件库，即 react-infinite-scroller，它可以帮助我们实现无限滚动的功能。 react-infinite-scroller 是 ...