React
React Labs: What We've Been Working On -- June 2022
React Labs是一个新的系列文章:React团队希望更经常地分享其进展。阅读整篇文章:它包含了很多非常有趣的信息,特别是。
- 服务器组件:async/await模型,不再有
.server.js
扩展,Webpack/Vite统一 - React优化编译器(React Forget)的重写,似乎进展顺利。
- Offscreen API提供了新的非常有趣的功能(即时转换 ❤️️)。
Airbnb解释了他们如何从Sass到react-with-styles,然后是Linaria。这是一个没有运行时间的CSS-in-JS框架,具有静态CSS提取功能。他们解释了他们的选择,迁移策略,并对他们所贡献的工具给予了积极的反馈。
React Aria - Date and Time Pickers for All
React Aria刚刚宣布发布了日期和时间选择器组件和钩子。正如你所期望的那样,它真正关注的是可访问性、灵活性和国际化。我们可以感觉到,这些组件的背后有Adobe团队的大量工作。
Notes on maintaining an internal React component library
Gabe在Walrus工作,这是Digital Ocean内部的React设计系统。他对React设计系统的长期维护提供了非常详细的反馈。他分享了关于人类方面以及道具设计、组件封装或版本升级管理方面的有趣经验。
Capture Phase Event Handling in React
我们经常使用DOM事件的 "冒泡 "阶段,但有时使用 "捕获 "阶段也是很有用的,这个阶段并不为人所知。我们可以使用例如onClickCapture
与React。
拓展阅读
- 📜 5 Big Takeaways from Remix Conf
- 📜 What is XState used for?
- 📜 The Case for Use.GPU
- 📜 Why Use useReducer?
- 📜 React Element vs Component
- 📜 Inversion of Control and JSX Injection via Context API
- 📖 You Might Not Need an Effect: new doc page in beta
- 📦 Sandpack 1.0: React components to build interactive code playground, from CodeSandbox. New design, theming, SSR support, React 18, file explorer...
- 📦 Ladle 1.0: Storybook alternative based on Vite, built for Uber. Can now customize Vite config + addons for accessibility and accessing story source.
- 📦 uipkg: new plugin to export Figma designs to React.
- 📦 Remix-routers: adapt Remix router to other frameworks (for now only Vue)
- 📦 React-Teleporter 3.0: React 18 support
- 📦 SWR 2.0 Beta 4: resource preloading API
- 📦 React-cmdk: A command palette for React
- 📦 Redwood 2.0: 3 months after v1.0? Don't panic! It's just a few breaking changes, Redwood respects semantic versioning.
- 📦 React 18.2: SSR bugfixes
- 📦 Vitext: Next.js alternative based on Vite?
- 🐦 React-Three-Fiber + Html embed
- 👥 React-conferences
- 🧵 React Summit Sketches
React-Native
Helping migrate React Native libraries to the New Architecture
React-Native团队解释了他们将如何帮助我们采用新的架构。将会有文档,通过工作组提供支持,但也有GitHub仓库,其中有许多应用和迁移分支的例子。请注意,React-Native 0.69(含React 18)应该很快就会推出:Concurrent React的功能将只对新架构的用户开放。
@shopify/react-native-performance
由Shopify创建的包,以剖析你的应用程序的性能。一流的React-Navigation和FlatList支持。
⚠️警告:3个流行的软件包现在有相同的名字 😅。
拓展阅读
- 📜 Writing fastlane scripts in Javascript
- 🧵 Metro + web: Metro web usage is increasing: Airbnb, Stripe, Expo...
- 📦 React-Native-Owl 1.0: visual regression testing lib for React-Native reaching v1 milestone
- 📦 React-Native-Performance Config Plugin (not the same 😅)
- 📦 Siri Shortcuts Config Plugin
- 📦 React-Native-Firebase v15
- 🎙️ RNR 239 - Shrink your app with ProGuard
- 🎙️ The React Native Show Coffee Talk #3 - Open Source
- 🎙️ The React Native Show #13 - Migration to React Native
其它
对前端抽象及其成本的有趣思考... 提出了一个有趣的心理模型来区分框架和库(IoC--好莱坞原则--"不要叫我们,我们会叫你")。所有这些都用一些React的例子来说明。
Moon - A build system for the JavaScript ecosystem
似乎是Nx和Turborepo的新竞争者,这次是用Rust写的😏
拓展阅读
- TypeScript 4.8 Beta
- Why You Might Prefer Map Over Object In JavaScript
- Sponsoring dependencies: The next step in open source sustainability
- CSS - Complex vs Compound Selectors
- Socket for GitHub 1.0
- State of Open Source Security 2022
- CSS - Backdrop Filter finally in Firefox 103
- V8 - Discontinuing release blog posts
- Bringing forward the End-of-Life Date for Node.js 16
- CSS - New syntax for range media queries in Chrome 104
- Software Engineering - The Soft Parts
- Lerna 5.1
- Boa v0.15
- zx 7.0
- Tauri 1.0
- Deno 1.23
- Deno raises $21M
订阅原文: