React
How to Upgrade to the React 18 Release Candidate
React 18.0.0-rc.2 已经发布 (可以使用npm tag @rc). React团队发表了一篇博文 (+ 🧵 thread) 让我们为这个新版本的到来做好准备。它包括新的并发功能，我们可以逐步采用这些功能。
他们鼓励我们测试已发布的rc版本以检测最新的潜在错误，记录了主要的api和行为变化并提供了相当完整的升级指南。还有一个关于各种新的API的简要介绍。
直接阅读这个帖子，它包含许多有趣的细节。就我个人而言，我发现的概念是Strict Effects 以及 composants现在支持渲染undefined.
Delightful React File/Directory Structure
Josh Comeau的互动文章，介绍了他组织React应用的文件结构选择。强烈建议：他特别解释了为什么他更喜欢按类型而不是按功能分组文件。我不一定同意所有的东西，但它仍然是一个有趣的读物，有一些很好的论据。
Everything about Framer Motion layout animations
交互式文章，介绍了用Framer Motion制作的布局动画。介绍得非常好，有很多例子。我非常喜欢带有共享布局动画的标签的例子：API非常直观，我不知道有这么简单。
拓展阅读:
- 📜 How to Use Three.js And React to Render a 3D Model of Your Self: 原创文章，建议创建你自己的个人3D头像，用React-Three-Fiber显示它，并让它跳一些霹雳舞😄我真的想测试一下。
- 📜 Profiling Next.js apps with Parca: 这是我第一次听说Parca。对于那些自行托管Node.js应用程序的人来说，这似乎是一个有趣的持续集成评测工具（例如使用Kubernetes），在本地剖析性能问题时也可能很方便。在这个例子中，该工具检测到了一个与不必要地使用immutability有关的性能问题。
- 📜 Why Did And Don't You Need To Import React
- 📜 Automatic batching support in React 18
- 📜 What it's like to migrate a high-traffic website from Gatsby to Next.js
- 🧑🎓 Learn Next.js foundations: Vercel为那些想在Next.js中打下坚实基础的初学者提供的新资源：假设你可能不知道React
- 👥 Xuan Huang: 新的React核心团队成员，主要从事于 React-Forget
- 👥 Remix Conf Speakers have been announced
- 🎙️ Remix Podcast - Season 1: 12 episodes released
- 🐦 Malte Ubi: "JSX should be part of JavaScript" & Nicole Sullivan: "YES! But JSX is not enough on its own. Let me explain..."
- 🐦 form attribute, formAction: web APIs that we (I) discover using Remix 🤯
- 🐦 SolidJS signals in React + Preact/reactive addon: several experiments around reactivity
- 🎥 Basic React To Svelte Conversion
- 🎥 React Query in 100 Seconds
React-Native
An update on the New Architecture Rollout
Nicola提醒说，新的架构即将到来，并介绍了为社区做准备的不同举措：
Fernando Rojo经常推动跨平台领域的创新（也见Moti和Dripsy）。Solito通过提供React-Navigation和Next.js之间共享的导航基础，使网络和移动之间共享更多的代码成为可能。他在这方面已经工作了一段时间了，这不是第一次迭代。它还提供了一个 monorepo的例子来让你快速入门。
Flutter is better than React Native*
*...在所有不重要的方面 😄
Jamon意识到Flutter在很多方面都很好（DX、CLI、e2e测试、升级、性能...）。他很公平地介绍了两个框架的利弊。没有明显的赢家。在一些重要的方面，Flutter很难与之竞争：网络支持、共享代码和知识，以及招聘规模。
Flutter Web vs HTML, CSS & JS: Performance Comparison
对于React-Native开发者来说，这很有趣（也和上面的文章有关），因为它强调了其竞争对手Flutter在支持网络方面的局限性（React-Native-Web在这方面运作良好à）。对于内容网站来说，Flutter web不是一个好的选择，但对于较重的web应用来说，仍然是一个好的解决方案。请注意，React-Native-Skia在网络上也会有类似的权衡。
拓展阅读:
- 📜 Avoid Keyboard in React Native Like a Pro: 非常详细的资源，用gif图片记录了iOS和Android在几个生态系统库管理虚拟键盘的行为：这显然不是React-Native最简单的部分。 😅
- 🧑🎨 React-Native-Skia: inner shadows, animations
- 🎥 React-Native-Skia with Christian Falch & Jamon Holmgren
- 📦 React-Native-Performance: now supports iOS
- 📦 React-Native TVOS 0.66.3-2: Fabric support for Apple TV
- 📦 React-Native-Gesture-Handler 2.3: Fabric support
- 🧵 What's next in React Native?
其它
A Proposal For Type Syntax in JavaScript
😱 微软正在进行一项 TC39提案（第0阶段），在TypeScript的启发下，为JavaScript语言语法带来类型注释（没有enums, namespaces 等）。
浏览器将简单地忽略这些类型注释，不做任何类型检查，所以TypeScript（或其他类型检查器）仍然需要。
这在开发中很有意思：我们可以直接执行TypeScript代码，而不需要在浏览器中进行任何转换。在生产中，我们会继续捆绑代码，因为最小化和删除类型仍然有用（见Ryan Cavanaugh对最小化的比喻）。
也请看专门的 提案网站。
拓展阅读:
- New WebKit Features in Safari 15.4: 一批新的功能 ! 现在许多功能在主流的浏览器中都可用，后续将逐渐在生产中使用（如CSS容器查询🙌）。
- Tao of Node - Design, Architecture & Best Practices: 在流行的Tao of React之后，Alex分享了他在开发Node.js应用程序时遵循的原则的清单。
- A Complete Guide To TypeScript's Never Type: 完整关于TypeScript底层类型
never的文章 - twitter-api-typescript-sdk: 终于有了一个官方的SDK
- CSS: @when or @if
- SWC v1.2.154: minifier perf improvements
- Vite 2.9 beta: much faster cold starts
- pnpm-7.0.0-beta.0
- TypeScript PR - Optional variance annotations
- TypeScript: optional vs. undefined
- StackBlitz February 2022 Update
- StackBlitz has joined the Bytecode Alliance
- Front-end Testing Strategy
- What's New In DevTools (Chrome 100)
- What Is Vitest?
- Turborepo Demo (Remote Caching & Deploying to Vercel)
- How Storybook helps designers & developers stay in sync
- A look at the dialog element's super powers
- Aligning Content In Different Wrappers
- GraphQL error handling to the max with Typescript, codegen and fp-ts
- Typescript Tuples, and how they work
- How to use Google Analytics in Deno Deploy
- Partytown 0.5
专栏同步自This Week in React（经作者授权许可），旨在分享当周热点内容、知识，主要关于React 技术栈，也会包含前端业界的其它动态
原专栏网址：www.getrevue.co/profile/thi…
github同步地址：github.com/react-shari… (求个小星星❤️)
备注：长期招募合作小伙伴
