首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏魔术师卡颂

    React18,不远啦?

    在React前不久的一次PR #21488中,核心成员「Brian Vaughn」对React内一些API、以及内部flag作出调整。

    81530发布于 2021-07-07
  • 来自专栏杨不易呀

    React18 回顾,入门

    最近听前端大佬说 Vue 快不行啦,现在都是 React 啦,幸好以前玩过但是太久没用也忘记了,没关系我过一下就完事了现在呢我就带大家搞一篇 React 的入门.

    42340编辑于 2023-12-14
  • 来自专栏CS成长之路

    React18 带来了什么

    经历了v17的平缓过渡,React 3月29日正式发布了React v18版本。这个版本带来了一些十分重要的能力。但大家伙不必担心学不动,这个版本无破坏性更新,hooks 还在。以下是核心功能更新。

    1.1K60编辑于 2022-08-06
  • 来自专栏杨不易呀

    React18的JSX和Babel解析器

    React JSX 是一种 JavaScript 语法扩展,它允许开发者在 JavaScript 代码中直接编写类似 HTML 的代码,并在运行时将其转换为 React 元素。

    63810编辑于 2023-12-18
  • 来自专栏魔术师卡颂

    解读官方博客:React18真的来了

    官方带来的三条消息 在React18工作计划[1]这篇博文中,官方带来了三条消息。 参考资料 [1] React18工作计划: https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html [2] 工作组地址: https

    44830发布于 2021-07-07
  • 来自专栏前端Sharing

    React18新特性」深度解读之useMutableSource

    一 前言 大家好,我是 👽 ,接下来会出一个新系列,React v18新特性解读,主要针对新特性的产生背景,功能介绍,和原理分析等几个方面,勇于做第一个吃螃蟹的人。希望支持我的朋友可以点赞,转发,再看,关注一波公众号,持续分享前端技术硬文。 useMutableSource 最早的 RFC 提案在 2020年 2 月份就开始了。在 React 18 中它将作为新特性出现。用一段提案中的描述来概括 useMutableSource。 useMutableSource 能够让 React 组件在 Concurr

    1.1K20发布于 2021-11-10
  • 来自专栏杨不易呀

    React18的条件渲染和渲染列表

    和其它的语言一样的逻辑在 React 中,我们可以通过 JavaScript 里面咋用的它里面就咋用比如使用 JavaScript 的 if 语句、&& 和 ? : 运算符来选择性地渲染 JSX

    1.3K00编辑于 2023-12-21
  • 来自专栏魔术师卡颂

    给女朋友讲React18新特性:startTransition

    我:“可以的,React18的新特性startTransition就行。” ? startTransition的出现当然不是为了逆转命运,而是为了逆转React的更新流程。 批处理的逻辑见给女朋友讲React18新特性:Automatic batching 总结 今天,我们讲了: React为了弥补自身弱编译时的缺点,在运行时作出的努力 startTransition本质是让开发者手动标记更新的优先级

    1.2K40发布于 2021-07-07
  • 来自专栏前端三元同学

    React18 官方更新解读(文字版)

    官方带来的三条消息 在React18工作计划[1]这篇博文中,官方带来了三条消息。 参考资料 [1] React18工作计划: https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html [2] 工作组地址: https

    1.1K20发布于 2021-07-06
  • 来自专栏epoos.com

    React18的useEffect会执行两次

    这不是 Bug,这是 React18 新加的特性。 二、React18 useEffect 新特性 1.这是 React18 才新增的特性。 知道了 useEffect 的执行时机,也就能明白为什么 React18 中 useEffect 会执行两次了。 因为, React18 在开发环境中除了必要的挂载之外,还 "额外"模拟执行了一次组件的卸载和挂载。 既然知道了原因,那么,接下来就是想办法解决了。 2.怎么样才能让 Effect 执行一次?。 四、总结 对于 React18 这种操作确实有点膈应。 但是正如前面所解释的那样,对于未来的离屏渲染或者当前其它会导致重复挂载取消的操作, 如果开发者没处理好确实很可能出现 bug。

    9K71编辑于 2022-09-19
  • 前端跳槽突围课:React18底层源码深入剖析

    虽然很困难,但React18确实做到了这一点:Concurrency is not a feature, per se.

    61310编辑于 2024-05-06
  • 来自专栏魔术师卡颂

    给女朋友讲React18新特性:Automatic batching

    铁憨憨:卡卡,最近好多同事都在聊React18,你给我讲讲呗?我要你用最通俗的语言把最底层的知识讲明白,老娘的时间很宝贵的。 ? 我:好啊,难得你要学习,这是18所有新特性,你想先看哪个?

    1.2K40发布于 2021-07-07
  • 来自专栏魔术师卡颂

    React18:新的SSR架构解决了什么问题?

    React18这次带来了全新的SSR架构,本文重点节选自该文章,并在文末附上我对这个架构的看法。 过去的SSR架构有什麽缺陷? 但在React18,你可以使用<Suspense>将需要延迟载入的component包起来。 不过在React18允许你在<Comments>组件载入前就开始hydrate。 从使用者的角度看,他们会先收到无法进行操作的HTML: ? ? 在React18中,<Suspense>内的hydrate行为会穿插在浏览器处理事件的间隙之间。 所以点击事件会立即被处理而不会造成浏览器的卡顿,即便在性能较差的设备也是如此。 结语 这次React18在SSR带来架构性的革新,也取消了当初Concurrent mode只能选择全用或者不用的情境。 改成Concurrent rendering并让开发者可以自由的尝试新功能。

    1.6K30发布于 2021-07-07
  • 来自专栏魔术师卡颂

    React18正式版发布,未来发展趋势是?

    2022年3月29号,React18正式版发布。 从v16开始,React团队就在普及并发的概念。

    89220编辑于 2022-04-18
  • 来自专栏魔术师卡颂

    为了React18, 新的性能分析工具Scheduling Profiler来啦

    最近,React 团队开源了一款新的性能分析工具 —— Scheduling Profiler

    2.6K20发布于 2021-08-26
  • 来自专栏葡萄城控件技术团队

    构建基于React18的电子表格程序

    因此,为了更好地满足业务系统中复杂的表格需求,本文将为大家介绍如何基于React18,构建一个功能更加强大的前端电子表格系统。 this.designerInitialized} /> ) } } 在app.jsx中引入OnlineDesigner,页面中显示如下: 到这里我们就正式完成基于React18

    2.3K10编辑于 2022-06-12
  • 来自专栏前端Sharing

    React18新特性」深入浅出用户体验大师—transition

    在 React 18 中,引进了一个新的 API —— startTransition 还有二个新的 hooks —— useTransition 和 useDeferredValue,本质上它们离不开一个概念 transition 。

    2.2K10发布于 2021-11-10
  • 前端跳槽突围课:React18底层源码深入剖析(慕fx)

    Performance记录,图中可以发现在DragStart和DragEnd之间JS主线程有很多碎片化的任务,这些就是React采用时间切片,将较大块的任务拆解,并利用碎片化时间处理这些小任务: 前端跳槽突围课:React18 浏览器能够产生异步任务的有宏观任务和微观任务: 前端跳槽突围课:React18底层源码深入剖析 - React任务调度以及背后的算法React中的任务池其实这不是个纯算法题,说回React,大家肯定听过

    49810编辑于 2024-05-04
  • React18+TS 通用后台管理系统解决方案落地实战(完结)

    React18+TS 通用后台管理系统解决方案落地实战大家好,今天咱们来聊聊一个热门话题——React18 结合 TypeScript(简称 TS)的通用后台管理系统解决方案的实战落地。 首先,为什么我们要选择React18和TypeScript呢?React18带来了很多新的特性和优化,比如更强大的并发模式、更流畅的用户体验等等。 这包括安装Node.js、Yarn或npm等必要的工具,以及配置好React18和TypeScript的开发环境。网上有很多现成的教程和模板,可以让我们快速上手。第二步,设计系统架构。 同时,也要充分利用React18和TypeScript的特性,比如使用Suspense组件实现代码分割、使用TypeScript的接口和类型定义保证数据的准确性和一致性等等。第四步,测试和优化。 如果你对React18和TypeScript感兴趣的话,不妨自己动手实践一下吧!

    75710编辑于 2024-06-20
  • 来自专栏前端开发随笔

    微前端qiankun接入Vite子应用含Vue3和React18

    qiankun目前是不支持vite的,需要借助插件完成 安装vite-plugin-qiankun

    4.2K21编辑于 2022-10-24
领券