React
Comparing Gatsby and Next.js for website development
Alex解释了为什么他的机构在网站开发方面更喜欢Gatsby而不是Next.js。这是很好的论证。Gatsby目前不是很时髦,但我认为它仍然是一个很好的解决方案,可以快速搭建网站,并容易与CMS继承。
Optimizing third-party script loading in Next.js
介绍谷歌Aurora团队的工作,他们致力于Next.js的<Script>组件,优化了第三方脚本的加载。可能会有一个即将到来的与Partytown的整合,在worker中运行这些脚本。
Adam分享了他将网站从Next.js迁移到Remix的动机,以及许多其他细节(Prisma、Planetscale、UnoCSS...)。Next.js仍然是一个不错的选择。他非常喜欢Remix处理表单的方式。
Interaction Testing with Storybook
Storybook现在提供了一个交互测试系统(测试版),和story共存,用Jest、Playwright和测试库测试组件。这看起来相当方便。
拓展阅读:
- 🐦 React-18 RC1: 应该很快发布
- 🐦 Rachel Nabors leaves the React team at Meta after greatly contributing to the new beta React docs site and React-Native docs.
- 💬 Mark Erikson suggests to create a React Docs Working Group.
- 📜 A Fundamental Guide To React Suspense
- 📜 Share session and cookies between Next and Remix
- 📜 Higher-Order Components in React Hooks era
- 📜 Doordash: Building a Marketing Engineering Platform using Next.js, Cloudflare, and Contentful
- 👥 GatsbyConf 2022: 2-3 March
- 🎥 Figma + Remotion
- 📦 Redux Toolkit 1.8: 受Redux-Saga启发的监听器副作用中间件:分派操作以响应其他操作
- 📦 Gatsby 4.8 + Gatsby 4.9: 提高了对TypeScript的支持,减少内存占用
- 📦 Docusaurus 2.0 beta.16: swizzle CLI, breadcrumbs...
- 📦 GraphCMS Docs Starter: Remix + Tailwind
- 📦 Headless UI 1.5: with Combobox
- 📦 Radix UI: release with Select, NavigationMenu and Toast
- 📦 Remix 1.2.3
React-Native
React Native New Architecture Working Group
关于支持新的React-Native架构的推广的GitHub讨论库。只读,但可以申请邀请。与React-18工作组颇为相似。已经有一些有趣的主题在讨论中。
拓展阅读:
- 🐦 React-Native 0.68: pre-release announced as available (now in RC2)
- 🎥 Glassmorphism in React Native: 来自William Candillon的最后一个Skia视频,很好地展示了React-Native中使用模糊/背景滤镜的可能性。
- 🎙️ RNR 227 - Better React Native Tooling with Tommy Nguyen and Adam Foxman: Microsoft engineers presenting rnx-kit
其它
How to publish Deno modules to NPM
Kitson介绍了dnt,一个将Deno代码转换为Node.js兼容代码的工具。他们设法在npm上发布了Deno oak http框架,但它并非没有任何挑战。我觉得这非常令人鼓舞:它应该推动Deno的逐步采用。作为一个TypeScript库的作者,我肯定想把这两个生态系统作为目标,所以这确实是一个很好的激励,让我在一个小的lib上尝试一下Deno。
Why Progressive Hydration is Harder than You Think
Miško Hevery是Angular的创建者,他现在正在开发Qwik,这是一个新一代的框架,非常注重渐进式水化。如果不改变心智模式,目前现有的框架将很难完全支持这个概念。对于Qwik来说,这并不是一个事后的想法,与其他框架不同。
拓展阅读:
- TypeScript 4.6: with great Control Flow Analysis improvements
- Type Polymorphic Functions In TypeScript
- What are wrapper objects for primitive values?
- 5 things you don't need Javascript for
- Track down the JavaScript code responsible for polluting the global scope
- State of frontend 2022 Survey
- Parcel CSS 1.4
- "Nice, the CSS on the webpack website is now minified by Parcel CSS."
- Things the CSS Spec Folks Got Right
- Rust 1.59.0
- Node v17.6.0
- Vite in 100 seconds
- Astro 0.23
- Prisma 3.10
- Javascript Records and Tuples
- Putting Javascript in CSS with Paint Worklets
- Zap: Dart-powered web framework