#414 — January 22, 2025
Together with
React Status
SRCL: Build React Apps with ‘Terminal Aesthetics’ — The homepage is a live demonstration of what SRCL has to offer. It’s a suite of React components and styling to recreate a monospaced, terminal-like atmosphere
Internet Development Studio Company
Storybook 8.5: The UI Component Building and Testing Workshop — Storybook can now run realtime Axe accessibility checks against your stories as you build components, essential for meeting a11y expectations and regulations. React 19, Vite 6, and Angular 19 support are now also baked in, as well as experimental Bun support and project code coverage reporting.
Michael Shilman
Plug & Play Image Editor For Your React App — Save yourself the headache of building an image editor. Import PinturaEditor, give it an image source, and instantly get features like cropping, rotating, resizing, and annotation. Need help? Support has you covered. Try Pintura for free today.
Pintura sponsor
React Native 0.77 Now with New Styling Capabilities — Now that the New Architecture is here, it’s nice to see the React Native team move on to new features. v0.77 attempts to align RN more with the Web with support for new CSS properties that significantly extend the styling options available, including display: contents.
Novak, Chami, Friedman and Hogan
IN BRIEF:
-
Stupid Simple React (ssreact) is a project combining Preact and a JSX compiler to run React directly in HTML with a single 21KB script import. Interesting idea and there’s a playground here.
-
A year ago, Kelly Sutton wrote about his company’s move away from React but how did it pan out? In Moving On from React, a Year Later he explains how things have gone since.
Picking a State Management Library for a Popular React App — .. and why we went with MobX. The Photoroom team put Zustand, MobX and Redux through their paces and explain why they’re happy with their choice of MobX.
Eliot Andres (Photoroom)
📊 A Deep Dive into Initial Load Performance Nadia Makarevich
📄 100 React App Ideas – If you’re short of inspiration..? React Practice
📄 How I Migrated My Bare React Native App to Expo Alfred Lieth Årøe
📄 Building Single Page Apps with Next.js Next.js Docs
🛠 Code, Tools & Libraries
Reanimated 4: New, But Also Very Familiar.. — Software Mansion has released the first beta of Reanimated 4, the next version of a popular way to create smooth, high-performance animations in React Native apps. Looks very promising.
Krzysztof Magiera
Puck 0.18: A Self-Hosted Visual Editor for React — Now includes a new drag-and-drop engine with full CSS grid and flexbox support to enable advanced layouts. GitHub repo and live demo.
Measured Corporation Ltd.
Add Authentication to Your React Router Application in Minutes — Clerk’s latest SDK comes fully equipped with pre-built UI components and can be used as a framework or library.
Clerk sponsor
FortuneSheet 1.0: React-Powered Spreadsheet Control — v1.0 switches to a much faster underlying formula parsing and evaluation system. There’s a live Storybook demo.
Suzhou Ruilisi Technology Co.
-
React Testing Library 16.2 – DOM testing utils that encourage good practices. Adds support for React error handlers.
-
React Admin 5.5 – Framework for building B2B frontend interfaces. Now with React 19 and React Router 7 support.
-
React Scan 0.1 – Automatically scan for performance issues and eliminate slow renders in your app.
-
React Menu 4.3 – Component for building accessible menus and dropdowns. Now supporting React 19.
-
react-keyed-flatten-children 3.1 – Flattens arrays and fragments into a one-dimensional array while preserving keys.
-
BlockNote 0.23 – ‘Notion-style’ block-based editor.
📰 Classifieds
Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort. Relied on by Lattice, Bilt Rewards, etc.
🪄 Codemagic: A great App Center alternative for React Native devs! 8x faster builds, CodePush, easy distribution. 1-month free trial!
🚀 The world’s biggest React conference is on June 13-17! Unique venue, tech authors, Amsterdam tours, & networking. Use REACTSTATUS for 10% off!
📢 Elsewhere in JavaScript
A quick roundup of some of other interesting stories in the broader JavaScript landscape, in case you’ve missed them:
-
The latest version of Bun has added on-demand front-end bundling to its
Bun.serve()feature which means you can use HTML imports to build single-page React applications on-demand in a shared backend server. -
Dr. Axel Rauschmayer took a look into TypeScript’s enums feature.
-
Learn Yjs is a nifty, still in-development, set of tutorials for learning how to build realtime collaborative apps using the Yjs CDRT library.
-
ArkType 2.0 presents an interesting way to infer TypeScript types 1:1 for validations at runtime and in the editor, giving you type-level feedback on every keystroke.
-
Did you know the ability to link directly to text fragments in Web pages is now supported by all major browsers?
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
#414 — 2025 年 1 月 22 日
连同
[！平图拉标志](https://react.statuscode .com/link/164634/5d0bbb4a61)
反应状态
[](https://react.statuscode.com/link/164635/5d0bbb4a61 ）
SRCL：使用“终端美学”构建 React 应用程序 — 主页是 SRCL 所提供功能的现场演示。它是一套 React 组件和样式，用于重新创建等宽的、类似终端的氛围
互联网开发工作室公司
Storybook 8.5：UI 组件构建和测试研讨会 — Storybook 现在可以在您查看故事时运行实时 Axe 可访问性检查构建组件，这对于满足 a11y 期望和法规至关重要。现在还内置了 React 19、Vite 6 和 Angular 19 支持，以及实验性 Bun 支持和项目代码覆盖率报告。
迈克尔·希尔曼
[](https://react.statuscode.com/link/164634 /5d0bbb4a61)
为您的 React 应用程序提供即插即用图像编辑器 — 省去构建图像编辑器的麻烦。导入“PinturaEditor”，为其提供图像源，并立即获得裁剪、旋转、调整大小和注释等功能。需要帮助吗？支持可以满足您的需求。立即免费试用 Pintura。
平图拉赞助商
React Native 0.77 现在具有新的样式功能 — 现在[新架构就在这里](https://react.statuscode .com/link/164638/5d0bbb4a61），很高兴看到 React Native 团队转向新功能。 v0.77 尝试使 RN 与 Web 更加一致，支持新的 CSS 属性，这些属性显着扩展了可用的样式选项，包括“display:contents”。
诺瓦克、查米、弗里德曼和霍根
简而言之：
-
Stupid Simple React (ssreact) 是一个结合 Preact 和 JSX 编译器的项目，通过单个 21KB 脚本导入直接在 HTML 中运行 React。有趣的想法，这里有一个游乐场。
-
一年前，Kelly Sutton 写了一篇关于他的公司放弃 React 的文章，但结果如何呢？在一年后从 React 继续前进 中，他解释了此后事情的进展情况。
为流行的 React 应用程序选择状态管理库 — .. 以及为什么我们选择 MobX。 Photoroom团队对 Zustand、MobX 和 Redux 进行了测试，并解释了为什么他们对 MobX 的选择感到满意。
艾略特·安德烈斯（摄影室）
📊 深入了解初始负载性能 Nadia Makarevich
📄 100 个 React 应用创意 – 如果您缺乏灵感..？反应练习
📄 我如何将裸露的 React Native 应用程序迁移到 Expo Alfred Lieth Årøe
📄 使用 Next.js 构建单页应用程序 Next.js 文档
🛠 代码、工具和库
[](https://react.statuscode.com/link/164648/5d0bbb4a61 ）
Reanimated 4：新的，但也非常熟悉.. — Software Mansion 发布了 Reanimated 4 的第一个测试版，在 React Native 应用程序中创建流畅、高性能动画的流行方法的下一个版本。看起来很有前途。
克日什托夫·马吉耶拉
Puck 0.18：React 的自托管可视化编辑器 — 现在包含一个带有完整 CSS 网格的新拖放引擎和 Flexbox 支持以启用高级布局。 GitHub 存储库 和 实时演示
测量有限公司
在几分钟内向您的 React Router 应用程序添加身份验证 — Clerk 的最新 SDK 完全配备了预构建的 UI 组件，并且可以用作框架或库。
文员赞助人
[](https://react.statuscode.com/link/164653/5d0bbb4a61 ）
FortuneSheet 1.0：React 支持的电子表格控件 — v1.0 切换到更快的底层公式解析和评估系统。有现场 Storybook 演示。
苏州瑞力斯科技有限公司
-
React 测试库 16.2 – 鼓励良好实践的 DOM 测试实用程序。添加对 React 错误处理程序的支持。
-
React Admin 5.5 – 用于构建 B2B 前端界面的框架。现在支持 React 19 和 React Router 7。
-
React Scan 0.1 – 自动扫描性能问题并消除应用中的缓慢渲染。
-
React Menu 4.3 – 用于构建可访问的菜单和下拉菜单的组件。现在支持 React 19。
-
react-keyed-flatten-children 3.1 – 将数组和片段展平为一维数组，同时保留键。
-
BlockNote 0.23 – “Notion-style”基于块的编辑器。
📰 分类广告
Meticulous 自动创建和维护 E2E UI 测试套件，开发人员零工作量。受到 Lattice、Bilt Rewards 等的信赖。
🪄 Codemagic: 对于 React Native 开发者来说是一个很棒的应用程序中心替代品！构建速度提高 8 倍，CodePush，轻松分发。 1 个月免费试用！
🚀 世界上最大的 React 会议将于 6 月 13 日至 17 日举行！ 独特的场地、技术作者、阿姆斯特丹之旅和网络。使用“REACTSTATUS”可享受 10% 的折扣！
📢 JavaScript 中的其他地方
快速总结更广泛的 JavaScript 领域中的一些其他有趣的故事，以防您错过了它们：
-
最新版本的Bun在其“Bun.serve()”功能中添加了按需前端捆绑，这意味着您可以使用HTML导入以在共享后端服务器中按需构建单页 React 应用程序。
-
Axel Rauschmayer 博士研究了 TypeScript 的枚举 功能。
-
Learn Yjs 是一组仍在开发中的精美教程，用于学习如何使用 [Yjs CDRT 库构建实时协作应用程序。] （https://react.statuscode.com/link/164668/5d0bbb4a61）
-
ArkType 2.0 提供了一种有趣的方法来推断 TypeScript 类型 1:1 以在运行时和编辑器中进行验证，为您提供每个类型的类型级反馈击键。
-
您是否知道直接链接到网页中的文本片段的功能现在已被所有主要浏览器支持？
由彼得·库珀和特伦斯·C·甘农策划。
Cooperpress 出版物。
发布者