React18

知乎日报项目前端+后端-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

第37节——useDeferredValue+useTransition

您可以将并发视为一个实现细节——它的价值在于它的特性并发涉及同时执行多个状态更新，这可以说是React18中最重要的特性。
爱在你心中·2023-09-26 11:31

React（react18）中组件通信05——redux ➕ react-redux（含数据共享）

React（react18）中组件通信05——redux➕react-redux（含数据共享）1.前言1.1React中组件通信的其他方式1.2介绍React-Redux1.2.1简单介绍React-Redux1.2.2
@素素~·2023-09-26 00:58

mac环境安装多个node版本（可切换）

node18.17.1前端跑的是react18的项目（antD）,又跑了一个相对环境配置比较低的项目，然后启动不起来了；分析控制台报错，推断是node版本的问题；解决问题决定还是和之前安装多个版本，尝试安装
画月的亮·2023-09-23 12:28

启动 React APP 后经历了哪些过程

在React18里，通过ReactDOM.createRoot创建根节点。并且通过调用原型链上的render来渲染。本文主要是从以下两个方法来介绍展开。
奇舞周刊·2023-09-23 07:15

React（react18）中组件通信03——简单使用 Context 深层传递参数

React（react18）中组件通信03——简单使用Context深层传递参数1.前言1.1React中组件通信的其他方式1.2引出Context2.简单例子3.语法说明3.1createContext
@素素~·2023-09-23 02:31

浏览器要原生实现React的并发更新了？

围绕并发更新，存在两个很有意思的现象：很多开发者听说过他很少开发者直接使用过他这两个现象看似矛盾，其实很好解释——React18之后的新特性，主要是面向上层框架的（主要是Next.js）。
·2023-09-22 18:11

React（react18）中组件通信04——redux入门

React（react18）中组件通信04——redux入门1.前言1.1React中组件通信的其他方式1.2介绍redux1.2.1参考官网1.2.2redux原理图1.2.3redux基础介绍1.2.3.1action1.2.3.2store1.2.3.3reducer1.3
@素素~·2023-09-21 17:42

React18之useTransition与useDeferredValue

useDeferredValue:返回一个状态值表示过渡任务的等待状态,以及一个启动该过渡任务的函数useDeferredValue接受一个值,并返回该值的新副本,该副本将推迟到更紧急的更新之后1.使用useTransition钩子函数,导出pendding状态和startTransitionlet{useTransition}=React;const[pending,startTransitio
小李科技·2023-09-18 07:53

创建react脚手架项目——demo（react18 + react-router 6）

创建react脚手架项目——demo（react18+react-router6）1.安装create-react-app1.1执行安装命令1.2安装遇到的问题1.2.1问题1——npmERR!codeENOTFOUND2.创建项目2.1创建项目命令2.2查看项目结构2.2.1目录结构2.2.2注意点3.启动项目4.react-demo5.react-demo优化5.1安装路由5.2遇到的问题5.
@素素~·2023-09-15 05:25

react18 安装 react-activation 后，依赖报错，解决办法

报错node_modules/.pnpm/[email protected][email protected]/node_modules/crea解决node_modules删除了，pnpm-lock.yaml、package-lock文件删除了重新安装依赖即可
清云随笔·2023-09-14 07:53

[译] 为何 React 18 中 useEffect 会运行两次?

原文：https://flaviocopes.com/react-useeffect-two-times/在2022年3月发布的React18的发布公告中，数量可观的新特性扑面而来。
tonylua·2023-09-13 13:32

react18+arco网页聊天室|react hooks高仿微信聊天

一、项目介绍react18聊天项目ReactChat基于vite4+react18+acrodesign+zustand等技术架构实现开发仿微信电脑端界面聊天实例。
·2023-09-12 13:41

react18 函数组件 学习笔记

react学习笔记react安装渲染DOM使用Portal(可以将组件渲染到页面指定位置)使用方法CSS_Modal(外部样式表)使用方式Fragment(根元素)使用方式context(全局共享数据方式)使用方式创建Context语法：Provider(生产者)指定Context中的数据Consumer(消费者)获取使用Context中的数据serState执行流程useEffect(去除渲染阶
Scar_goSky·2023-09-12 11:24

react 封装antd table 第一版---

封装antdtable所用依赖antd5、@ant-design/icons、react18实现代码table组件import{Table}from"antd"import{TableProps,MenuDataType
Έι·2023-09-10 23:17

React18 新特性

React18新特性自动批量更新State定义import{useState}from'react'const[x,setX]=useState(0)渲染赋值setX(5)并发CM模式同步不可中断更新机制
积极向上的十六·2023-09-03 08:29

react 基础知识（一）

1、安装1（版本react18）//安装全局脚手架（create-react-app基于webpack+es6）npminstall-gcreate-react-app//使用脚手架搭建项目create-react-appmy-app
谭鱼鱼儿·2023-09-01 15:48

8.react18并发模式与startTransition(搜索高亮思路)

React18之前,渲染是一个单一的,不间断的,同步的事务,一旦渲染开始,就不能被中断React18引入并发模式,它允许你将标记更新作为一个transitions,这会告诉React他们可以被中断执行.
小李科技·2023-08-30 10:57

React18 setState是同步还是异步？

对于react18之前的版本,上文说的东西确实没错,但是react团队已经在18中对批处理的行为做了更改,会尽可能的将所有能进行批处理的内容都进行批处理,以
GMLGDJ·2023-08-28 11:45

React钩子函数之useDeferredValue的基本使用

useDeferredValue是React18中新引入的钩子函数之一，它可以帮助我们优化渲染性能，让组件更加流畅。useDeferredValue的作用是将一个值延迟更新。
Kkuil·2023-08-27 21:49

知乎日报项目上--React

技术栈：React18，redux/react-redux，react-router-domV6，axios，styled-components，antdmobile移动端组件库。
白也诗无敌诗意染千寻·2023-08-26 16:50

浏览器要原生实现React的并发更新了？

围绕并发更新，存在两个很有意思的现象：很多开发者听说过他很少开发者直接使用过他这两个现象看似矛盾，其实很好解释——React18之后的新特性，主要是面向上层框架的（主要是Next.js）。
·2023-08-25 11:02

React18新特性介绍&&升级指南

react历次版本迭代主要想解决的是两类导致网页卡顿的问题，分别是cpu密集型任务和io密集型任务导致的卡顿问题，react18提出的并发特性(ConcurrentRendering)就是为了解决上述问题
竹叶寨少主·2023-08-22 05:09

React 18 的新特性

React18的新特性React18是React的最新版本，它带来了许多新的特性和改进，如并发渲染、自动批处理、转场API、服务端Suspense等。
·2023-08-21 10:49

WebGL+Three.js 入门与实战，系统学习 Web3D 技术

download：WebGL+Three.js入门与实战，系统学习Web3D技术React18和Next.js13：前端开发的新时代引言前端开发是一个不断变化和进化的领域，每年都有新的工具和技术出现，为开发人员提供了更多的选择和可能性
·2023-08-19 21:55

React请求机制优化思路 | 京东云技术团队

随着react18的发布，请求机制这一块也是被不断谈起，并且在后续其实也给出了明确的方向。
·2023-08-18 11:23

React请求机制优化思路 | 京东云技术团队

随着react18的发布，请求机制这一块也是被不断谈起，并且在后续其实也给出了明确的方向。
京东云技术团队·2023-08-18 11:38

开源免费商用！这款开源培训系统，发布一个月 600star！

技术栈基于Java+MySQL开发，采用前后端分离模式，前台采用React18为核心框架，后台采用SpringBoot3为核心框架。
·2023-08-16 15:26

react18之08自定义hook (简单的axios-get、修改浏览器title、localStorage、获取滚动条位置、img转换为base64)

目录react18之自定义hook()01：自定义一个简单的axioshook发起get请求useHttp.jsx使用useHttphook效果02：自定义一个修改浏览器titlehook03：自定义一个
小小亮01·2023-08-15 14:57

react 18 之 07之 hook的 useCallback和useMemo的综合使用、useCallback(优化组件性能返回一个带有记忆的函数，避免函数组件重新渲染)

目录react18之07之hook的useCallback和useMemo01：函数组件特性（父组件向子组件传递一个函数的props时，父组件count更新渲染，导致子组件重新渲染）code.jsxSon.jsxuseCallback
小小亮01·2023-08-15 14:56

react18 之 06 之 useReducer 结合 useContext使用 (实现全局状态管理、复杂组件交互逻辑、多个组件需要共享和更新某个状态)

目录react18之06之useReducer结合useContext使用(实现全局状态管理、复杂组件交互逻辑、多个组件需要共享和更新某个状态)useReducer结合useContext使用实现全局共享
小小亮01·2023-08-15 14:26

React学习笔记汇总_part1

React学习笔记汇总React18视频教程（讲师：李立超）学习笔记1.变量的声明2.解构赋值3.展开4.箭头函数的语法5.箭头函数的特点7.类8.类的this9.类的继承10.静态属性和方法11.数组方法补充
冰之杍·2023-08-14 10:26

解决createRoot is not a function

报错：出现的原因：在于把react18使用的vite构建，在开发中因react版本太高与其他库不兼容，而在降级的时候，出现以上dom渲染出现报错。
小白目·2023-08-13 01:29

React18学习笔记

React基础https://react.dev/learn/installation官网https://react.dev/learn/react-developer-toolsReactDeveloperTools原生React样例：demo.htmlDocumentconstreactDivElement=React.createElement("div",{onClick:()=>{con
GalenZhang888·2023-08-09 10:34

React18 hook学习笔记

useStateuseState用于在函数组件中声明和管理状态它接受初始状态，并返回一个状态变量和一个更新状态的函数通过调用更新状态的函数，可以改变状态的值并触发组件的重新渲染import{useState}from"react"functionApp(){const[obj,setObj]=useState({a:1,b:2})const[arr,setArr]=useState([])cons
GalenZhang888·2023-08-09 10:30

useEffect中的函数会执行2次原因

一、useEffect介绍useEffect是React18的新特性，表示React的生命周期Hooks组件。
zyk_520·2023-08-07 10:14

Vue 和 React 的对比

的不同点（1）、数据流的不同（2）、框架本质不同（3）、模板不同（4）、组件通信方式不同（5）、组合不同功能的方式不同（6）、state数据的变更方式不同（7）、监听数据变化的实现原理不同二、vue3和react18
weixin79893765432...·2023-08-02 12:41

2023年React18笔记【慕课网imooc】【尚硅谷】【Vue3+React18 + TS4考勤系统】

目录环境准备npmBabel核心概念与类组件使用React特点虚拟DOM和React18新渲染写法jsx结构限制注释条件渲染列表渲染基本通信props构造器获取props多属性的传递给属性添加默认值与类型
参宿7·2023-08-01 15:06

【react】react18的学习（十二）– 底层原理（二）之 迭代器 iterator

迭代器iterator是一种ES6规范，具有这种机制的数据结构才可以使用forof循环：返回每一项的值；原型链具有Symbol.iterator属性的数据结构都具备；如数组、部分类数组、字符串等；普通对象就不能用；for-of循环原理：循环获取属性值；执行可迭代原型链上的Symbol.iterator方法，该方法返回一个包含next方法的对象;通过循环执行next方法，得到方法返回的对象，根据对象
ANKG·2023-07-25 13:53

React18 Hooks【useState、useEffect等】

React18Hooks默认情况下，React函数组件是没有状态state的、没有生命周期的。react16版本后，新增了useState和useEffect等钩子函数，让现在的函数组件具有了之前类组件的同等效力。解决了类组件在实际开发中的一些痛点1、useState让函数组件拥有了状态，类似Vue中的ref、reative。开发中，为了让数据更新视图，才会赋予这个数据以状态，否则这个数据还是作为
原谅我很悲·2023-07-24 19:30

React18和React16合成事件原理（附图）

React18合成事件的处理原理“绝对不是”给当前元素基于addEventListener做的事件绑定，React中的合成事件，都是基于“事件委托”处理的！
是小橙鸭丶·2023-07-23 14:17

记录react15版本升至16及以上步骤及遇到的问题

react"及"react-dom"两个包版本号然后在命令行中依次输入：[email protected]@17.0.2现在都有react18
小飞机噗噗噗·2023-07-21 09:59

qiankun：react18主应用 + 微应用 react18 + vue3

一：主应用搭建react项目npxcreate-react-appreact-qiankun-main安装Antdnpminstallantd–save在index.js中引入import{ConfigProvider}from"antd";importzhCNfrom"antd/locale/zh_CN";import"antd/dist/reset.css";//...root.render(
weixin_43503080·2023-07-21 05:44

【react】react18的学习（十）–路由react-router-dom@6

一、知识内容与v5对比：所有路由配置都在一个根组件内编写，子组件路由在路由标签插槽里写，不在去子组件内单独配置；importReactfrom'react'import{HashRouter,Navigate,NavLink,Route,Routes}from'react-router-dom'importAfrom'./router-demo/A'importBfrom'./router-dem
ANKG·2023-07-20 02:20

【react】react18的学习（八）–mobx介绍

也是代替原生redux的公共状态管理方式，搭配mobx-react使用；mobx@5版本需要浏览器支持es6proxy，且使用了许多装饰器；mobx@6移除了装饰器语法；装饰器装饰器本质：一个函数；在调用类、类的属性/方法时，先将类、类的属性/方法经过装饰器处理再返回；类似中间件（但前者可以改变了原有值，后者是使用原有值进行操作）；1、给项目设置装饰器支持：先给vscode设置里找decorato
ANKG·2023-07-20 02:50

【react】react18的学习（九）–路由react-router-dom@5

常用标签：BrowserRouter：history模式HashRouter：哈希模式；Link：路由跳转标签；参数：to（跳转的路由地址）、Route：渲染路由页面标签；参数：exact（精准匹配）、path（路由地址）、component（渲染的组件）Redirect：重定向标签；Switch：确保每次只匹配一个路由页面；Suspense：懒加载标签常见导入：//懒加载方法、异步标签impor
ANKG·2023-07-20 02:50

【react】react18的学习（十一）– 底层原理（一）之 diff 算法

diff算法、fiber链表步骤：（追求多复用，快渲染）首次渲染，缓存虚拟dom或fiber链表（17及以后）；组件更新，将新生成的虚拟dom与已有的真实dom的fiber链表对比；遵循同级对比、深度对比原则，先依次找节点对比；对比过程中，第一轮对比：按链表顺序对比，节点key值相同进一步比较标签、内容，并进行标记；当发现节点key不同时，则第一轮结束，开始从头开始第二轮对比；第二轮对比，是新的虚
ANKG·2023-07-20 02:41

react hooks 对工作中常用到业务进行hooks再次封装成自己的hook库。

技术采用的是vite4,react18,react-dom18使用yarnaddwsk-hooksuseReactiveuseState的封装。应用场景：响应式变量（自
小白6402·2023-07-19 20:57

01_Hello_React案例

Document//编写React代码（jsx语法)//jsx语法->普通的JavaScript代码->babel//渲染Helloworld//React18之前：ReactDOM.render//ReactDOM.render
c++开发工程师·2023-07-19 09:04
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他