首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

32K star 的 Chakra UI,以及未来的展望

挑战 Chakra UI 存在的主要技术缺点是它的运行时 CSS-in-JS,这是由于 @emotion/styled 依赖造成的。...我们的用户最常提出的要求之一就是去掉运行时 CSS-in-JS,因为这样可以提高性能,减少初始 JS 负载,并且使得 Chakra 可以在 React Server Components(RSC)中使用...样式属性(Style Props):Chakra UI 的样式属性非常直观易用。我们需要保持这种使用体验,同时去除 CSS-in-JS 的运行时。...为了降低复杂性,我们将 Chakra 中的大型的想法分解为更小、可管理和独立的项目。以下是一个简要概述: 样式系统:零运行时 CSS-in-JS 系统,支持样式属性。...它是开源的,你可以在这里查看:github.com/chakra-ui/a… Ark 在 Chakra UI 中的定位 Zag.js:用于 UI 组件的低级状态机 Ark:基于 Zag.js 的 Headless

40630
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    怎样挑选一个好的NPM包?

    单从点赞数来看,人们可能认为 Chakra UI 和 Evergreen 在采用率上大致相同,但是 Chakra UI 明显超过了它的竞争者。...所有这些库最初都收获了一轮点赞爆发,但只有 Chakra 在过去的一年里维持了它的增长率。...Moment.js 是最流行的日期操作库,每周有超过 1200 万下载量,但它代码简化做得并不好,会向你的项目增加 300KB 大小。Day.js 拥有几乎相同的 API,但只有 2KB。...事实上,Moment.js 现在推荐使用 Day.js 和其它日期库作为替代。 下面是根据 Bundlephobia 的每个组件库的开销: Antd 在性能方面明显比较差。...顺便一提,Moment.js 占其大小的 20%。为了下载完整的 Antd 包,在新兴的 3G 网络上会花费 7 秒时间。Antd 的副作用同样值得考量。

    99110

    JS引擎(0):JavaScript引擎群雄演义—起底JavaScript引擎

    JS一侧GC时DOM节点被看作根节点,所以被DOM节点引用的JS对象不会死;反过来,被JS对象引用的DOM节点的引用计数不为0所以也不会死。...即便Chakra的解释器也是字节码解释器,它的字节码设计与老版本JScript的已经相当不同,解释器自身的速度都已经有所提升。Chakra里的隐藏类变迁机制叫做“type evolution”。...每个产品都必须发明些新名词E9版Chakra里字段数量不超过16个的对象可以使用紧凑布局;IE10版Chakra将这限制放宽到30多个字段。...在Chakra里也继承了下来。...标记清除、标记整理、复制算法的原理与特点,分别用在什么地方,优化收集方法的思路 https://blog.csdn.net/fateruler/article/details/81158510转载本站文章《JS

    2K30

    今年的OffensiveCon大会议题质量不错(附资料下载)

    Attacking Edge Through the JavaScript Just-In-Time compiler 一直以来,chakra被曝的漏洞非常多,导致微软最终还是放弃了。...从今年开始,微软将打算把Edge的Chakra引擎改用Google Chromium引擎,估计最近这两个月就会发布,以后就可能没什么人再搞Chakra内核了。...这议题里面讲了很多chakrajs对象内存结构等基础知识,重点讲了JIT优化编译器的漏洞原理与利用技巧,整个ppt有120页,很多。...我没搞过chakra,未来可能也用不上了,有兴趣的同学可以看下,作者把exploit代码也公布了,我已附在本文的打包资料里面。...这议题最大的亮点在于:自定义一套中间语言IL,通过IL可以翻译成JS代码,然后通过变异IL来生成JS代码,与以往基于JS语法模板生成代码的方式不同。 ?

    1.2K20

    JavaScript引擎相关名词

    JS引擎的一些事 JS引擎 一个读取代码并运行的引擎,没有单一的"JS引擎"; 每个浏览器都有自己的引擎,流行的引擎项目: V8 开源,由 Google 开发,用 C ++ 编写 Rhino 由...JavaScriptCore 开源,以Nitro形式销售,由苹果为Safari开发 KJS KDE的引擎,最初由 Harri Porten 为 KDE 项目中的 Konqueror 网页浏览器开发 Chakra...(JScript9) Internet Explorer Chakra(JavaScript) Microsoft Edge Nashorn OpenJDK 的一部分,由 Oracle Java...作用域链 函数可以上升到它的外部环境(词法上)来搜索一个变量,它可以一直向上查找,直到它到达全局作用域 同步 一次执行一件事, “同步”引擎一次只执行一行,JavaScript是同步的 异步 同时做多个事,JS...调用函数将其推入堆栈并从函数返回将其弹出堆栈 执行上下文 当函数放入到调用堆栈时由JS创建的环境 闭包 当在另一个函数内创建一个函数时,它“记住”它在以后调用时创建的环境 垃圾收集 当内存中的变量被自动删除时

    56730

    React 应用架构实战 0x3:构建和配置页面

    这一节,将学习 Next.js 中的路由工作原理以及可以使用的渲染方法,以充分利用 Next.js 的特性。然后,我们将学习如何配置每个页面的布局,使应用程序看起来和感觉像一个单页应用程序。...# Next.js 路由 Next.js 有一个基于文件系统的路由机制,其中每个页面文件代表一个页面。...使用 Next.js 的好处在于它允许我们在每个页面上使用不同的渲染策略,因此我们可以组合它们以最佳方式适应应用程序的需求。...这可以通过 Next.js 提供的 Head 组件来实现。...# 构建页面 现在我们已经了解了 Next.js 页面的工作原理,并准备好了 Seo 组件和布局设置,接下来让我们实现应用程序的页面。

    81020

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券