--- title: "Terminal aesthetics for React apps" publication: "React Status" issue: 414 published_at: "2025-01-22" canonical_url: "https://react.statuscode.com/issues/414" --- Plus Storybook goes hard on a11y, React Native improves its styling options, and Bun can serve up React apps from a single script. | #​414 — January 22, 2025 [Read on the Web](https://react.statuscode.com/issues/414) Together with [![Pintura logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_1280,h_459/e_make_transparent/co_white,e_outline:17/sx1iccw5grwaqxgi21lv.png)](https://pqina.nl/pintura/react-image-editor/) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/a9jnm6fn3xhhf5xnqlip.jpg)](https://www.sacred.computer/) [SRCL: Build React Apps with 'Terminal Aesthetics'](https://www.sacred.computer/) — 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](https://storybook.js.org/blog/storybook-8-5/) — 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 [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/fc9c2c91.png)](https://pqina.nl/pintura/react-image-editor/) [Plug & Play Image Editor For Your React App](https://pqina.nl/pintura/react-image-editor/) — 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](https://reactnative.dev/blog/2025/01/21/version-0.77) — Now that [the New Architecture is here](https://reactnative.dev/blog/2024/10/23/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)](https://ssreact.com/) 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.](https://ssreact.com/playground) - A year ago, Kelly Sutton wrote about [his company's move away from React](https://kellysutton.com/2024/01/15/moving-on-from-react.html) but how did it pan out? In [Moving On from React, a Year Later](https://kellysutton.com/2025/01/18/moving-on-from-react-a-year-later.html) he explains how things have gone since. [Picking a State Management Library for a Popular React App](https://www.photoroom.com/inside-photoroom/picking-a-state-management-library-why-we-went-with-mobx-) — .. _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](https://www.developerway.com/posts/initial-load-performance) Nadia Makarevich 📄 [100 React App Ideas](https://reactpractice.dev/articles/100-react-app-ideas/) – If you’re short of inspiration..? React Practice 📄 [How I Migrated My Bare React Native App to Expo](https://expo.dev/blog/how-i-migrated-my-bare-react-native-app-to-expo) Alfred Lieth Årøe 📄 [Building Single Page Apps with Next.js](https://nextjs.org/docs/app/building-your-application/upgrading/single-page-applications) Next.js Docs 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ew4ga6jn7u9bdh7jcspn.jpg)](https://blog.swmansion.com/reanimated-4-is-new-but-also-very-familiar-b926dd59aa40) [Reanimated 4: New, But Also Very Familiar..](https://blog.swmansion.com/reanimated-4-is-new-but-also-very-familiar-b926dd59aa40) — 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](https://github.com/measuredco/puck/releases/tag/v0.18.0) — Now includes a new drag-and-drop engine with full CSS grid and flexbox support to enable advanced layouts. [GitHub repo](https://github.com/measuredco/puck) and [live demo.](https://demo.puckeditor.com/edit) Measured Corporation Ltd. [Add Authentication to Your React Router Application in Minutes](https://go.clerk.com/QrTbvCL) — Clerk's latest SDK comes fully equipped with pre-built UI components and can be used as a framework or library. Clerk sponsor [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/yrzrbfm3c5cip2tvpsax.jpg)](https://github.com/ruilisi/fortune-sheet) [FortuneSheet 1.0: React-Powered Spreadsheet Control](https://github.com/ruilisi/fortune-sheet) — v1.0 switches to a much faster underlying formula parsing and evaluation system. There’s [a live Storybook demo.](https://ruilisi.github.io/fortune-sheet-demo/?path=/story/features--basic) Suzhou Ruilisi Technology Co. - [React Testing Library 16.2](https://github.com/testing-library/react-testing-library) – DOM testing utils that encourage good practices. Adds support for React error handlers. - [React Admin 5.5](https://github.com/marmelab/react-admin/releases/tag/v5.5.0) – Framework for building B2B frontend interfaces. Now with React 19 and React Router 7 support. - [React Scan 0.1](https://react-scan.com/) – Automatically scan for performance issues and eliminate slow renders in your app. - [React Menu 4.3](https://github.com/szhsin/react-menu) – Component for building accessible menus and dropdowns. Now supporting React 19. - [react-keyed-flatten-children 3.1](https://github.com/grrowl/react-keyed-flatten-children) – Flattens arrays and fragments into a one-dimensional array while preserving keys. - [BlockNote 0.23](https://github.com/TypeCellOS/BlockNote/releases/tag/v0.23.0) – 'Notion-style' block-based editor. - [Rspack 1.2](https://rspack.dev/blog/announcing-1-2) 📰 Classifieds [Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort](https://www.meticulous.ai?utm_source=react_status&utm_campaign=january22nd). Relied on by Lattice, Bilt Rewards, etc. --- 🪄 [Codemagic:](https://codemagic.io/migration-from-app-center/?utm_source=newsletter&utm_medium=email&utm_campaign=app_center_react_status) A great App Center alternative for React Native devs! 8x faster builds, CodePush, easy distribution. [1-month free trial!](https://codemagic.io/migration-from-app-center/?utm_source=newsletter&utm_medium=email&utm_campaign=app_center_react_status) --- 🚀 [The world’s biggest React conference is on June 13-17!](https://reactsummit.com?utm_source=Newsletter&utm_medium=reactstatus) 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](https://bun.sh/blog/bun-v1.1.44) 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](https://2ality.com/2025/01/typescript-enum-patterns.html) feature. - [Learn Yjs](https://learn.yjs.dev/) is a nifty, still in-development, set of tutorials for learning how to build realtime collaborative apps using the [Yjs CDRT library.](https://github.com/yjs/yjs) - [ArkType 2.0](https://arktype.io/docs/blog/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](https://frontendmasters.com/blog/cool-people-link-to-text-fragments/) is now supported by all major browsers? Curated by Peter Cooper and Terence C. Gannon. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom