React18

使用 Docker 部署企业培训系统 PlayEdu

PlayEdu基于Java+MySQL开发；采用前后端分离模式；前端采用React18为核心框架，后端采用SpringBoot3为核心框架。提供
开源极客行·2023-12-26 19:39

使用 React18 + Vite + TypeScript 完成公司项目经验总结，学到了很多

当前找工作环境恶劣，很多求职者表示招聘不仅要求会vue，还要求会react。刚好这段时间我用React18+Vite+TS为公司从0到1开发了一个项目，就顺便总结了一些前端开发知识和技巧，帮助我记忆这些知识的同时，希望能对你也有所启发。欢迎评论区交流。我会把代码（当然不是真实项目的。。）上传到GitHub上，文末可以取链接。最后还请多多评论、点赞支持！废话不多说，下面开始进入正题：创建项目选择Re
前端瓶子君·2023-12-20 03:30

使用React 18、Echarts和MUI实现温度计

关键词React18Echarts和MUI前言在本文中，我们将结合使用React18、Echarts和MUI（Material-UI）库，展示如何实现一个交互性的温度计。
Evan不懂前端·2023-12-15 03:04

reactHooks之useDeferredValue

React18中推出的一个新的Hook1、作用：在交互式用户界面中，有时候用户的操作会触发大量的状态更新，这可能会导致界面卡顿或不流畅。useDeferredValue可以帮助我们解决这个问题。
秃头的小毛驴·2023-12-14 14:40

Vue学习计划--Vue2（一）简单了解vue

后续呢会有react16和react18、node、webpack、vite、以及实战项目，期间会包含umijs,nextjs,nuxtjs等等更多的更前沿的
化作繁星·2023-12-06 01:42

企业培训私有化解决方案PlayEdu

PlayEdu基于Java+MySQL开发；采用前后端分离模式；前端采用React18为核心框架，后端采用SpringBoot3为核心框架。
杨浦老苏·2023-12-04 22:52

笔记二十五、React中setState是同步还是异步的？

在react18版本之前setState既可以是同步也可以是异步的在Promise的状态更新、js原生事件、定时器中是同步的在react的合成事件中，是异步的在react18版本之后是setState异步的代码
ElendaLee·2023-12-04 01:51

使用React 18和WebSocket构建实时通信功能

在本篇博客中，我们将探索如何在React18应用中使用WebSocket来实现实时通信。2.准备工作在开始之前，我们需要安装React18，并确定你已经掌握了ReactHooks的
Evan不懂前端·2023-11-28 09:40

如何解决React子组件中的逻辑很多影响父组件回显速度的问题

React18之前，由于渲染是同步的，一旦开始渲染，就不可被中断，所谓的同步，就是指如果react的某个组件执行时间长，它无法中断，会一直执行，直到组件完全渲染到DOM中。
田本初·2023-11-26 21:46

跨域不求人，自己动手解决react跨域问题

你是否还在向后端那帮（小可爱）苦苦哀求，是否还在为接口飘红感到苦恼，一文解决你在react17/react18中的跨域问题细节较多，建议全文朗读并背诵首先，我们来了解一下为什么会跨域请自行百度同源策略，
magnetoY·2023-11-26 17:20

React18学习

基本来说和之前的没有什么太大区别，之前一直用的vue，纯粹当复习一遍react了快捷键rsc-->自动创建函数式组件rsi-->自动创建函数式组件且带propsrcc-->自动创建类组件类组件的props是自动存储到类的实例对象中了，可直接通过实例对象访问，也就是this.props.xxx一组件传参1）父传子1props（类组件使用this.props）-单向传递，子组件只能接收无法反向修改//
前端大灰狼·2023-11-24 11:28

黑马React18: ReactRouter

黑马React:ReactRouterDate:November21,2023Sum:React路由基础、路由导航、导航传参、嵌套路由配置路由快速上手1.什么是前端路由一个路径path对应一个组件component当我们在浏览器中访问一个path的时候，path对应的组件会在页面中进行渲染2.创建路由开发环境#使用CRA创建项目npxcreate-react-appreact-router-pro
CaptainDrake·2023-11-23 07:52

黑马React18: Redux

黑马React:ReduxDate:November19,2023Sum:Redux基础、Redux工具、调试、美团案例Redux介绍Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态为什么要使用Redux？独立于组件，无视组件之间的层级关系，简化通信问题单项数据流清晰，易于定位bug调试工具配套良好，方
CaptainDrake·2023-11-23 07:48

React18的useEffect会执行两次

React18的useEffect会执行两次一、执行两次的useEffect。
翼晗·2023-11-22 19:20

@types/testing-library__react/node_modules/@types/react/index“).ReactNode‘.

1、@types/testing-library__react错误原因：@types/react18有一些破换性升级，第三方库定义依赖都没有锁定版本，导致出错2、解决方式使用npm-force-resolutions
pg_li·2023-11-22 08:00

React 18——[译文]新功能:startTransition

新功能:startTransition概述在React18中，我们引入了一个新的API，即使你你的应用在大屏幕更新，也能保持更新。
依然还是或者其他·2023-11-21 23:11

React 18 中StrictMode多次调用函数式组件体及其hook

前言：用create-react-app脚手架搭建react项目，跟着视频走，发现对不上，折腾了半天，发现两天前已经更新了react18，所以脚手架默认直接搭建的就是18版本的，结果初次挂载会把组件运行两次
蚂蚁二娘·2023-11-21 06:22

React18中使用useEffect初始执行2次

出现问题：由于新版React推荐使用函数式组件，旧版本的React的类式组件的一些钩子和路由组件都无法继续使用，取而代之的是hooks今天在使用React18，兼容以前旧版本的React的时候，需要将componentDidMount
云岫成诗.·2023-11-21 05:46

React18的useEffect执行两次如何应对

一、执行两次的useEffect。前段时间在本地启了一个ReactDemo项目，在编码的过程中遇到一个很奇怪的“Bug”。其中简化版的代码如下所示。//入口文件import{StrictMode}from'react';import*asReactDOMClientfrom'react-dom/client';importAppfrom'./App';constroot=ReactDOMClien
agssxs·2023-11-21 05:14

React18 的 useEffect 新特性为什么被疯狂吐槽？

作者|零一来源|前端印象react18已经出来一段时间了，create-react-app默认安装的React版本也已经是18+，不知道有没有小伙伴发现自己有点看不懂React了？
CSDN云计算·2023-11-21 05:43

黑马React18: 基础Part 1

黑马React:基础1Date:November15,2023Sum:React介绍、JSX、事件绑定、组件、useState、B站评论Tags:二刷日志:11/20:优化B站评论的案例实现,增加基础结构和最终结果React介绍概念:React由Meta公司研发，是一个用于构建Web和原生交互界面的库优势:1-组件化的开发方式2-优秀的性能3-丰富的生态4-跨平台开发开发环境搭建使用create-
CaptainDrake·2023-11-21 03:04

黑马React18: 基础Part II

黑马React:基础2Date:November16,2023Sum:受控表单绑定、获取DOM、组件通信、useEffect、Hook、优化B站评论受控表单绑定受控表单绑定概念：使用React组件的状态（useState）控制表单的状态准备一个React状态值const[value,setValue]=useState('')通过value属性绑定状态，通过onChange属性绑定状态同步的函数s
CaptainDrake·2023-11-21 03:32

黑马React18: 基础Part 1

黑马React:基础1Date:November15,2023Sum:React介绍、JSX、事件绑定、组件、useState、B站评论React介绍概念:React由Meta公司研发，是一个用于构建Web和原生交互界面的库优势:1-组件化的开发方式2-优秀的性能3-丰富的生态4-跨平台开发开发环境搭建使用create-react-app快速搭建开发环境create-react-app是一个快速创
CaptainDrake·2023-11-19 04:28

如何升级到 React 18

React18使用围绕并发渲染和悬念构建的新功能发展了流行的JavaScript组件框架。它承诺为进行切换的应用程序提供更好的性能、更多功能和改进的开发人员体验。
mikes zhang·2023-11-19 04:32

使用TypeScript并升级到React 18

原文：https://blog.logrocket.com/upgrading-react-18-typescript/为了支持React18，React类型定义进行了升级，其中包含了一些breakchange
flytam·2023-11-19 03:23

React 18 升级指南，超简单

React18是React一系列主要版本中的最新版本。
编程轨迹_·2023-11-19 03:22

如何创建一个react项目

您的观看就是作者创作的动力前言通过vite创建一个react18版本的+vite工具+ts编译的一个项目打开小黑窗口进入npminitvite输入npmi
鋜斗·2023-11-09 02:11

React 18——记录

自动批量更新在React18之前，React只会在事件处理程序中进行批量更新。在Promise,setTimeout及本地事件处理程序中，在React18之前，是不会进行批量更新的。
依然还是或者其他·2023-11-04 16:14

React18：创建React项目（自动）

文章目录使用步骤项目目录结构Node_modulesPublicSrcPackage.Json总结使用步骤打开命令行进入到项目所在目录使用如下命令：npxcreate-react-app项目名注意：项目名不能带大写字符项目目录结构项目目录结构如下：react-app├─node_modules├─public├─favicon.ico├─index.html├─logo192.png├─logo5
_七七·2023-11-04 07:34

react18中使用react-hook-form

目录用法小问题用法import{useForm,useFieldArray,useController}from"react-hook-form"constFWHFTest=()=>{const{control,register,handleSubmit,getValues,errors,reset,setValue}=useForm({defaultValues:{rules:[{name:""
风舞红枫·2023-11-03 14:31

React18新特性？

您的观看就是作者创作的动力AutomaticBatching早在React18之前，React就已经可以
鋜斗·2023-11-03 06:53

electron27+react18集成搭建跨平台应用|electron窗口多开

基于Electron27集成React18创建一个桌面端exe程序。electron27-vite4-react18基于electron27结合vite4构建工具快速创建react18跨端应用实践。
xiaoyan_2018·2023-10-27 17:00

react-redux状态管理（react18版本）

react的状态管理还是挺多的现在流行的有以下五种：RecoilMobXXStateReduxContext今天我们来讲一下react众多状态管理之一的redux，虽然这个我不太喜欢用，但是我觉得简单的状态管理谁都会，但是难的就是程序员的分水岭，所以今天来给大家讲一下redux。下面我们来讲讲redux的优点：可以在众多组件中传值，突破react单向数据流的限制不仅支持react还支持vue等主流
会给我晚安吗·2023-10-22 04:48

React18入门（第五篇）——React Router详细使用教程

概述十分钟带你理解React18项目如何在路由跳转时携带参数，如何获取路由地址中携带的参数。
礼貌而已·2023-10-20 02:51

基于react18+vite4.x仿微信|react-chat聊天室

ReactChat聊天IM实例|react18.x仿微信App基于最新构建工具Vite4.x创建react18聊天项目，使用了react18+react-dom+react-vant+zustand等技术架构开发
xiaoyan_2018·2023-10-18 07:47

基于react18+arco+zustand通用后台管理系统React18Admin

React-Arco-Admin轻量级后台管理系统解决方案基于vite4构建react18后台项目ReactAdmin。
xiaoyan_2018·2023-10-18 07:04

error TS7016: Could not find a declaration file for module ‘*‘.

使用CRA初始化了一个React18的TS项目，配置好mock-service-pluginmock服务后想起项目体验下就收到下面错误错误信息如下errorTS7016:Couldnotfindadeclarationfileformodule'mock-service-plugin
Gleason.·2023-10-17 20:49

【react】react18由render替换为createRoot区别

前言18版本由render替换为createRoot，看看有什么区别和为什么要这么做。render与createRootreact18中装载了2个api，所以你用以前的也没事。在源码中都有导入：import{findDOMNode,render,hydrate,unstable_renderSubtreeIntoContainer,unmountComponentAtNode,}from'./Re
业火之理·2023-10-16 17:16

十分钟快速使用 React18 + vite + TypeScript + antDesign 搭建一个前端框架

在这篇博客中，我将向读者们介绍如何使用React18+vite+TypeScript+antDesign搭建一个前端框架。React是一种流行的JavaScript库，用于构建用户界面。vite是一个快速的前端构建工具，能够快速创建现代化的应用程序。TypeScript是一种开源的编程语言，它可以帮助开发者在编写JavaScript代码时减少错误。antDesign是一个流行的UI库，提供了众多现
洋茄子炒鸡蛋·2023-10-16 00:46

React18入门（第三篇）——React Hooks详解，React内置Hooks、自定义Hooks使用

文章目录概述一、内置Hook——useState1.1响应式数据更新1.2什么是state1.3state特点（一）——异步更新1.4state特点（二）——可能会被合并1.5state特点（三）——不可变数据（重要！！！）1.6使用immer修改state二、内置Hook——useEffect2.1作用及使用2.2执行时机2.3useEffect执行两次三、其他内置Hooks3.1useRef—
礼貌而已·2023-10-14 12:14

React18开发总结（完善中）

这是是我在开发React项目随手记下的一些笔记，还在完善中，有好的想法大家一起交流。1.React18，useEffect被调用了两次import{useState,useEffect}from"react";constCounter=()=>{const[count,setCount]=useState(5);useEffect(()=>{console.log("rendered");cons
孙俊熙·2023-10-14 12:36

React18入门（第四篇）——React中的4种CSS使用方式，CSS Module、CSS-in-Js详解

文章目录一、普通方式使用CSS1.1元素内联style1.2引入CSS文件1.3类名插件--Classnames1.4注意事项二、CSSModule2.1普通CSS的问题2.2CSSModule的特点2.3简单使用三、使用sass3.1sass简介3.2使用四、CSS-in-JS4.1CSS-in-JS简介4.2CSS-in-JS常用工具之Styled-component4.3CSS-in-Js常
礼貌而已·2023-10-14 12:58

第52节——useSyncExternalStore封装一个简版的redux——了解

一、前言Concurrent模式是React18中最引人瞩目的新特性。
爱在你心中·2023-10-12 09:42

React18 + Vite + TypeScript项目经验总结

创建项目选择React+TypeScript模板。不要选用React+TypeScript+SWC。因为SWC不支持babel插件，不能转换es6语法和特性。这个后面也会说到。pnpmcreatevite添加eslint支持这里有一个eslint常用配置、插件的清单，可以收藏看看。github.com/dustinspeck…如何配置根据官网的说明，只需要简单的执行下面的命令，然后根据你的项目进行
jingqw·2023-10-09 16:10

React18学习

17、React_JSX的注意事项JSX的注意constname='小时光';constdiv=我是id我是class{name}{}、{undefined}、{false}、{NaN}constroot=ReactDOM.createRoot(document.getElementById('root'));root.render(div);18、React_渲染列表其实就是根据原有的数据，生成
破烂儿·2023-10-07 09:53

React18入门（第一篇）——JSX、TSX语法详解

文章目录一、JSX语法简介二、和HTML标签的几点不同三、JSX属性四、JSX事件4.1简单点击事件4.2类型限制4.3带参数，箭头函数五、插入JS变量六、JSX中使用条件判断七、循环一、JSX语法简介JSX-是JS的扩展，写在JS代码里面，组件的UI结构语法和HTML相似，有HTML相关基础，学起来很容易JSX已成ES规范（不是React独有），可用于其他的框架，如Vue3注：需要用Js语法写的
礼貌而已·2023-10-04 10:40

极简非凡react hooks+arcoDesign+vite后台管理模板

最近捣鼓了一个vite4搭建react18后台模板，搭载了字节团队react组件库ArcoDesign，整体编译运行顺滑衔接。
xiaoyan_2018·2023-09-29 06:13

【react】react18的学习（七）--redux-toolkit

上一篇：react18的学习（六）–redux中间件替代原生redux创建store，简化store的创建；与react-redux：前者是简化store的创建；后置是简化store的使用，且针对redux
ANKG·2023-09-28 18:42

知乎日报项目前端+后端-React18 + React-Router6 + React-redux + redux/toolkit

地址前端:https://github.com/superBiuBiuMan/-zhuhu_daily后端:https://github.com/superBiuBiuMan/zhihu-daily-admin学习地址:Bilibilihttps://www.bilibili.com/video/BV1wx4y157Gu介绍技术栈使用React18+React-Router6+React-redu
未成年梦想·2023-09-28 18:41

React（react18）中组件通信06——redux-toolkit + react-redux

React（react18）中组件通信06——redux-toolkit+react-redux1前言1.1redux和react-redux1.2关于redux-toolkit1.2.1官网1.2.2
@素素~·2023-09-28 18:11
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他