关于React和JavaScript的链接

674 阅读4分钟

作为一个白天工作、使用React的人,我喜欢了解有趣的React新闻。因此,我保存了大量的链接。请允许我倒出我最新的一堆。其中大部分是关于React的,但不是全部。

  • React 18的计划--来自React团队的一群人发布了这篇帖子,向我们大家介绍了即将到来的情况。Alpha已经出来了,beta还有几个月。我认为Cassidy的这篇文章对我们可能关心的东西是最清楚的。

  • React Query- 看起来是一个相当强大的工具...... "React缺失的数据获取库。" 不知道我怎么会错过它,因为它甚至看起来比Apollo更受欢迎。我对使用Apollo很满意(作为一个用户,我最大的痛苦是错误报告不清楚),而且如果你对GraphQL很感兴趣的话,这可能是正确的选择,但React Query看起来非常好,有清晰的文档和漂亮的DevTools。

  • Redux中的数据获取通过RTK Query变得简单- Matt Stobbs介绍了RTK Query,它看起来是Apollo/React Query的另一个替代品。看看你现在正在做的应用中的Redux商店。如果它和我的一样,你会看到来自后台的数据(表现为缓存)和UI状态(页面重新加载时没有持久化的数据)的混合。这两种类型的数据被当作是相同的,这最终会使两者变得更加复杂。

  • 及时翻译和自己写的代码--Dan Laush看了一堆关于条件性和懒惰性加载JavaScript的现代选项。这个东西可能比它应该的更复杂,但它正在变得更好。React 18中的悬念会有帮助。顶层的await 是有帮助的。在你需要的时候加载你需要的东西。Astro很擅长这个。说到这些,Nicholas C. Zakas的 "The lazy-loading property pattern in JavaScript "是一篇很好的读物,它有一个聪明的模式,用于定义对象,这些对象只做一次昂贵的事情,当被要求时,懒洋洋的,然后用结果重新定义自己身上的那个属性。

  • 将JSX引入模板字面- 人们认为JSX是React的东西,这有点公平,但它确实是一个独立的东西,可以与其他框架(当然是Preact甚至Vue)一起使用在之前的视频中,我们看了它如何在没有框架的情况下也能发挥其作用。Andrea Giammarchi在这里深入探讨,并展示了它是如何与已经很好地预设的模板字样一起工作的。"你可以通过uhtml、uland、ube或lit-html在CodePen中看到它的工作。"

  • React Hooks。复合组件- 向Kent Dodds致敬!我们已经开始在CodePen的模式库中使用它。这对保持组件的统一性很有帮助,而不是用手工滚动的状态共享的类似名称的子组件的蔓延的树。

  • JavaScript。这到底是什么意思?-Jake Archibald在this 上发表了一篇经典的文章。

  • 人类可读的JavaScript。两位专家的故事--Laurie Barth比较了做同样事情,但可读性不同的代码例子。并不总是有一个直接的答案"......但是当你看到功能相同的代码时,你的判断应该是基于人类--人类对代码的消费"。

  • petite-vue- jQuery很了不起,有很多完美的jQuery代码,但jQuery现在有点被看不起的原因是用它做的代码库很乱。我们吸取了一些教训。虽然内联的JavaScript处理程序曾经被严重蔑视,但今天几乎所有流行的JavaScript库都把它们带回来了。但是,假设像React这样的东西对你来说太沉重了--什么是轻量级的页面交互性的jQuery?Vue在这两者之间徘徊,更像是一个 "大框架"。Alpine.js可能主要的参与者。但是,Vue又来了,它用自己的一个版本来嘲笑Alpine,这个版本非常小,而且做同样的事情。


The postLinks on React and JavaScriptappeared first onCSS-Tricks.你可以通过成为MVP支持者来支持CSS-Tricks。