This Week In React #108: App.js, Fresh, Reassure, Million, Hydrogen, Gatsby, Treasured, WebComponents, React-Native-Web, Zeego, TC39...
React
Fresh - The next-gen web framework.
Luca Casonato(Deno核心团队)为Deno公布了一个基于Preact的新的元框架。与Next.js和Remix有一些共同点(FS路由、渐进式增强)。Islands architecture for hydration。没有构建步骤:即时编译。有待测试!
预计在下周开源的一个新React性能测试工具。它可以测量和统计给定场景的渲染,对其进行快照,并生成一份变化报告(可以在PR中发布)。该工具在App.js调用,目前只支持React-Native:网络支持将在以后出现。
Million是一个由Vercel支持的虚拟DOM解决方案,它提议使用编译器来提高性能和减少尺寸(受Svelte启发)。Million + React的集成包刚刚发布。所有这些似乎都很有希望,但还没有准备好用于生产环境。
Gatsby最新消息的摘要,每个主题都有详细的博文。其中一些主题。
- 脚本组件
- GraphQL TypeGeneration
- 图像CDN GA
- 构建的增量部署
Shopify - Best-in-Class DX with Vite and Hydrogen
关于在Shopify Hydrogen元框架中使用Vite的有趣反馈。通过在开发中使用ES模块,在DX方面有优势,但由于其插件系统,在SSR和React服务器组件的集成方面也有优势。
拓展阅读
- 📜 How to useMemo and useCallback: you can remove most of them: interesting reflection on the use of memoization hooks
- 📜 Stress Testing Concurrent Features in React 18: A Case Study of startTransition & 3D Rendering: nice demo that shows the advantages of Concurrent React to keep UI responsive. Based on React-Three-Fiber.
- 📜 Unit Testing React without Jest: shows how to replace Jest with the Node.js 18 built-in test runner. It's a good start, but doesn't cover everything: mocking, snapshots...
- 📜 Building Interoperable Web Components That Even Work With React: the official support of Web Components is still expected in React. Possible solution: create a wrapper.
- 📜 Giving Jest-Preview a Spin: feedback on this new practical tool
- 📜 First look at Joy UI: new design-system, by MUI
- 📜 Storybook Component Encyclopedia
- 📜 Remix Conf 2022: The Overview
- 📖 useEffect doc - final draft
- 📦 styleQ: to concatenate classNames in an optimal way (with a memoization system), for CSS compilers. Published by Nicolas Gallagher, this lib is now used in React-Native-Web 0.18.
- 📦 Treasured: a SDK to convert Unity 3D scenes to web through React-Three-Fiber
- 📦 Relay 14
- 🐦 Jonny Burger full-time on Remotion
- 🐦 The Joy Of React: Josh Comeau's upcoming React course.
React-Native
App.js - Mon résumé sur Twitter
很难详尽地总结一切。有了Expo,移动DX继续改善。对网络支持有真正的提升! 可用于性能监测的新工具。各种有用的链接。
- 🧵Expo Dev Tools Keynote: EAS Metadata, versioned CLI, config plugins, universal Metro, lazy bundling...
- 🧵 Sketches: David created sketches for each talk of the conference, giving a good overview.
- 🐦 Expo Sweet Modules: A new API to facilitate the creation of native Swift/Kotlin modules will be released in Release Candidate this week.
- 🐦 Shopify FlashList: a powerful alternative to FlatList that will be released soon.
- 📦 Zeego: cross-platform menu components, from Fernando Rojo.
- 📦 Universal Design System: Showtime has open-sourced its frontend and cross-platform design-system.
- 🎥 Live streams: day 1 - day 2
React 18 support, introduction of the new styleQ runtime, removes support for older browsers, various improvements. A step toward the ability to statically extract CSS? Nicolas Gallagher questions the usefulness of his project 🤔.
支持React 18,引入新的styleQ运行时,删除对旧浏览器的支持,各种改进。向静态提取CSS的能力迈出了一步?Nicolas Gallagher质疑他的项目🤔的有用性🤔。
拓展阅读
- 📦 react-navigation-bottom-sheet
- 📦 react-native-volume-manager
- 🎙️ RNR 238 - Accessibility in React Native
其它
Updates from the 90th TC39 meeting
各种提案的进展。我对第三阶段的 "符号作为WeakMap键 "感到特别高兴。这是很重要的一步,可以在某一天使用React的Records & Tuples🤗。
拓展阅读
- Fastify v4 GA
- Lerna 5.1
- Prettier 2.7: new --cache CLI option and TypeScript 4.7 syntax!
- Rome 0.6
- Tailwind CSS 3.1
- Parcel CSS 1.10
- The End of Localhost
- Patterns for Building JavaScript Websites in 2022
- New in Chrome 102
- WebKit - Meet Web Push
订阅原文: