React18

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

React18并发模式

前言React18版本的发布标志着并发模式的正式应用，实际上自React16引入Fiber架构后，之后的版本工作之一就是为了后续并发模式的引入做铺垫。
玉案轩窗·2023-07-17 10:29

React 入门：使用 create-react-app 创建 react 17 版本的应用

自从react18最近发布以来，你可能已经注意到最近我们使用create-react-app创建React应用都是18这个版本的。
西涯三锋·2023-07-16 12:35

第四章 React18的重要更新和使用的新特性

1、7个新特性2、3个新API3、1个新模式4、2个新并发API1、7个新特性RenderAPI使用了它才可以进入并发模式的渲染setState自动批处理有些情况，不希望合并处理flsuhSync关于卸载组件时的更新状态警告（直接删除这个报错）关于react组件的返回值StrictModeSuspense不再需要fallback来捕获2、3个新APIuserIduseSyncExternalSto
添尹·2023-07-14 12:37

第五章 React18的并发渲染原理

1、react的三层执行架构有两个循环1、wokerloop任务队列，每次执行完队列，都要把这个任务pop出来，移出队列2、wokerloopsync遍历fiber->循环链表（页面里面的dom组件）,对fiber节点进行增删改查的处理，这里只是打标记，还没渲染到真实的dom上最后通过render渲染到页面上3、finishConcurrentRender单线程，通过线程的交替执行达到实现并发的目
添尹·2023-07-13 23:13

react_hooks系列09_useSyncExternalStore

React18的beta版本将useMutableSource更新为了useSyncExternalStore，这个新的api将会对React的各种状态管理库产生非常大的影响，我们可以通过这个api自行设计一个
田江·2023-07-13 21:37

react18携带参数跳转路由

react18携带参数跳转路由在React18中，你可以使用useNavigate钩子来实现路由跳转，并使用URL参数来携带参数。
Mr.Meng_95·2023-06-21 18:10

React 18 快速入门

参考文章React18快速入门创建和嵌套组件React应用程序是由组件组成的。一个组件是UI（用户界面）的一部分，它拥有自己的逻辑和外观。组件可以小到一个按钮，也可以大到整个页面。
木蓝茶陌*_*·2023-06-21 07:24

react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.

由于React团队在2022年3月29日推出了react18，所以ReactDOM.render()方法不再支持，控制台会报出警告建议你使用createRoot,注释掉的语句为之前的方法//引入React
一颗刘溜梅·2023-06-20 23:40

React之state详解

目录执行过程异步React18与自动批处理setState推荐用法()=>{return}，this.state.生命周期数据没改变时不渲染shouldComponentUpdatePureComponent
参宿7·2023-06-19 07:21

React 18 的三大特性

React18的三大特性原文Automaticbatching在React中会将多次setState合并到一次进行渲染也就是说，setState并不是实时修改State的，而将多次setState调用合并起来仅触发一次渲染
前端小白的摸爬滚打·2023-06-17 08:05

开源推荐！一款高质量的企业培训系统

PlayEdu基于Java+Mysql开发，采用前后端分离模式，前台采用React18为核心框架，后台采用Springboot3为核心框架。所有使用到的框架或者组件都是基于开源项目，代码100%开源。
·2023-06-08 15:56

helux 2 发布，助你深度了解react18里副作用的双调用机制

react18新增了启发式的并发渲染机制，副作用函数会因为组件重渲染可能调用多次，为了帮助用户理清正确的副作用使用方式，在开发模式启用StrictMode时，会刻意的故意调用两次副作用函数，来达到走查用户逻辑的效果
·2023-06-07 14:26

React 18 的七大更新点你知道几个？

经过将近一年的发布前准备，在2022年3月29日，React18正式版终于和大家见面了。React18应该是最近几年
前端点线面·2023-04-19 17:02

React：我们即将和后端 API 告别？

ServerComponents，当时它还处于调研和试验阶段，并没有正式发布，随着React18.0版本的正式发布，ServerComponent的脚步声也越来越近了，不出意外的话，应该会在今年的某个React18
小生方勤·2023-04-19 17:02

如何升级到 React 18

正如我们在ReactConf上分享的那样，React18基于concurrent模式，带来了更多能力，同时提供了渐进升级的方法。在这篇文章中，我们会一步一步的带您升级到React18。
CRMEB定制开发·2023-04-19 17:00

React 并发渲染的前世今生

这是React团队从计划为React增加并发渲染的能力，到React18可用版本发布所花费的时间。为啥中间花费了这么长的时间？中间又发生了哪些有趣的故事？
Java架构狮·2023-04-19 17:29

React 18 带给我们的惊喜

1、前言React18的alpha版已经发布有段时间了，之前学习后由于没有开发实践结合去思考，对React18的意义认识并不深刻。
奇舞周刊·2023-04-19 17:29

React 18 并发模式：提升应用性能和用户体验

React18是React框架的最新版本，它引入了许多新特性和功能。其中最引人注目的一个功能就是并发模式（ConcurrentMode）。
疾风亦有归途ぃ·2023-04-19 17:57

开源推荐！一款高质量的企业培训系统

PlayEdu基于Java+Mysql开发，采用前后端分离模式，前台采用React18为核心框架，后台采用Springboot3为核心框架。所有使用到的框架或者组件都是基于开源项目，代码100%开源。
·2023-04-18 22:07

第六十周总结——React数据管理

React18版本之前的批量更新//react17react-dom17react-scripts4.0.3import*asReactDOMfrom"react-dom";import{useState
抓住鼹鼠不撒手·2023-04-15 14:53
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他