--- title: "Meta opens up Facebook's styling solution" publication: "React Status" issue: 365 published_at: "2023-12-06" canonical_url: "https://react.statuscode.com/issues/365" --- Plus big Astro and Storybook updates, the nuances of printing components, and surfing audio waveforms. | #​365 — December 6, 2023 [Read on the Web](https://react.statuscode.com/issues/365) Together with [![Bosch\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_1280,h_443/e_make_transparent/co_white,e_outline:17/udmp5biufp3th3c4xz0n.png)](https://www.bosch.com/careers/?utm_campaignid=react&utm_source=cooperpress&utm_medium=cpc&utm_campaign=wlab&utm_term=primary&utm_content=recognition) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ecealoq3bia8ymqbw9ed.jpg)](https://github.com/reduxjs/redux-toolkit/releases/tag/v2.0.0) [Redux Toolkit 2.0, Redux 5.0, and React-Redux 9.0](https://github.com/reduxjs/redux-toolkit/releases/tag/v2.0.0) — Mark collectively unveils the latest major releases of Redux, React-Redux, Redux Toolkit, and Reselect. There are new features, performance improvements, smaller bundle sizes, and deprecated feature removals aplenty. There’s a [RTK 2.0 and Redux 5.0 migration guide](https://redux.js.org/usage/migrations/migrating-rtk-2) that digs into the changes. Mark Erikson [StyleX: Meta's Web Styling System](https://stylexjs.com/blog/introducing-stylex/) — A newly open sourced “CSS-in-JS” library from Meta made up of a JavaScript syntax and compiler for styling web apps. It’s not _exclusively_ for React, but React is a natural fit given it was built for Facebook. Jack Herrington has [▶️ a 13-minute screencast](https://www.youtube.com/watch?v=6ZDiGtg1jN4) taking a more practical look. Goel and Gallagher (Meta) [![\](https://copm.s3.amazonaws.com/d1229003.png)](https://www.bosch.com/careers/?utm_campaignid=react&utm_source=cooperpress&utm_medium=cpc&utm_campaign=wlab&utm_term=primary&utm_content=recognition) [Feel the Power of More Than 420,000 Teammates and Work #LikeABosch](https://www.bosch.com/careers/?utm_campaignid=react&utm_source=cooperpress&utm_medium=cpc&utm_campaign=wlab&utm_term=primary&utm_content=recognition) — At Bosch, we shape the future with high-quality technologies and services to inspire people and improve their lives. And it’s our people who make us remarkable. Our success is your success. Let’s celebrate together. [Learn more](https://www.bosch.com/careers/?utm_campaignid=react&utm_source=cooperpress&utm_medium=cpc&utm_campaign=wlab&utm_term=primary&utm_content=recognition). Bosch sponsor [Getting Started with React Native Skia](https://shopify.engineering/getting-started-with-react-native-skia) — Skia is a 2D graphics library providing drawing primitives on the major platforms. It opens up opportunities to custom render UI features and visual effects not covered by typical RN components. Shopify, which sponsors work on _React Native Skia_, shows off the basics of its use here. Daniel Friyia (Shopify) **IN BRIEF:** - 🕹 The recent _React Jam_ gamejam went so well that they're [running a Winter 2023 React Jam](https://reactjam.com/winter-2023) over the Christmas break (Dec 26–Jan 7). - 🗣[Is React Native still popular?](https://news.ycombinator.com/item?id=38500146) Popular enough to attract about a hundred comments on Hacker News, at least... - _The New Stack_ weighs up [the pros and cons of using React today.](https://thenewstack.io/the-pros-and-cons-of-using-react-today/) - Vercel's Guillermo Rauch pondered [the differences between Next.js and PHP](https://twitter.com/rauchg/status/1728459008544272657), after comments about how Next.js is "catching up" to PHP. - The [State of React Native 2023 survey](https://survey.stateofreactnative.com/en) has gone live. - Swizec Teller [sings the praises of TanStack Router.](https://swizec.com/blog/tanstack-router-modern-react-for-the-rest-of-us/) - The official React Twitter account [tries to remind us](https://twitter.com/reactjs/status/1731359469882528091) that it's _"function component"_ and not _"functional component"_. Potatoes and tomatoes, anyone? [Printing Perfection: A Developer’s Journey with React-to-Print](https://buaiscia.github.io/blog/tips/printing-developer-journey-react-to-print) — If you need to offer a customized printing experience from your app, [react-to-print](https://www.npmjs.com/package/react-to-print) offers one approach. Alex Buaiscia [Fixing Memoization-Breaking Re-Renders in React (5 Min Read)](https://blog.sentry.io/fixing-memoization-breaking-re-renders-in-react/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy24q4-jtbd&utm_content=newsletter-jtbdblog-read) — Your React component still re-renders, even though you memoized it? How’s that possible? It is, and the fix is simple. 👀 Sentry sponsor [Creating a macOS MenuBar App with React Native](https://www.oskarkwasniewski.dev/blog/create-react-native-macos-menubar-app) — This article discusses different ways of creating such an app using [NSMenu](https://developer.apple.com/documentation/appkit/nsmenu), [NSPopover](https://developer.apple.com/documentation/appkit/nspopover), and[NSWindow](https://developer.apple.com/documentation/appkit/nswindow). Oskar Kwaśniewski [Best Practices Using React Server Components with a Headless CMS](https://www.cosmicjs.com/blog/best-practices-using-react-server-components-with-a-headless-cms) Tony Spiro [Polymorphism in React: Two Patterns to Know](https://www.bekk.christmas/post/2023/1/polymorphism-in-react) Marcus Haaland [Svelte Through the Eyes of a React Developer](https://shamun.dev/posts/svelte) Ido Shamun 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ygm2mwfinyttbjurxvsu.jpg)](https://github.com/ShiiRochi/wavesurfer-react) [Wavesurfer React: Audio Waveform Visualization](https://github.com/ShiiRochi/wavesurfer-react) — Adding an audio waveform to your video or image content is an effective means of increasing engagement or usability. This library is a wrapper for the mature [wavesurfer.js](https://github.com/katspaugh/wavesurfer.js) to enable its functionality to be used in your React app. [Demo.](https://codesandbox.io/p/sandbox/wavesurfer-react-3-0-w8vr3m) Denis Bogdanenko [Storybook 7.6: The Workshop for Frontend UI Components](https://storybook.js.org/blog/storybook-7-6/) — Start times for webpack projects are cut ‘by 50% or more’, there’s experimental SWC support, a new ‘test build mode’, a new Vitest-based testing library, and more. Michael Shilman (Storybook) 🚀 [Astro 4.0 Released](https://astro.build/blog/astro-4/) — The new major release of the [Astro](https://astro.build) content-site framework is just out, including a new dev toolbar, automatic i18n routing, new view transition APIs, and more. There’s also, experimentally, incremental content caching. [Upgrading is simple](https://docs.astro.build/en/guides/upgrade-to/v4/) – an `npx @astrojs/upgrade` away for most folks. Astro 📰 Classifieds 💻 Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. [Create a free profile now](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-reactstatus%29&utm_content=find-your-next-job). --- 🗓️ Workshop: Learn how to build apps with Svelte and SvelteKit in our [remote workshop](https://svelte-sveltekit-workshop.mainmatter.com/) – afternoons (CET) of Jan 30th to Feb 1st – only €350. [Keep React: A Library of 40+ Components Built with React and Tailwind](https://react.keepdesign.io/) — View all the components available [in the docs](https://react.keepdesign.io/docs/components/alert), where you’ll find lots of interactive demos too. StaticMania - [react-native-permissions 4.0](https://github.com/zoontek/react-native-permissions/releases/tag/4.0.0) – Unified cross-platform permissions API – now with iOS 17 and Android 14 support. - [BlockNote 0.10](https://github.com/TypeCellOS/BlockNote) – 'Notion-style' block-based text editor. - [Mantine 7.3](https://github.com/mantinedev/mantine) – Full featured React component suite. - [Redwood 6.5](https://github.com/redwoodjs/redwood) – GraphQL-driven React framework. - [tsParticles 3.0](https://github.com/tsparticles/tsparticles) – Create customizable particle effects. - [react-devtools 5.0](https://www.npmjs.com/package/react-devtools) and [react-devtools-inline 5.0](https://www.npmjs.com/package/react-devtools-inline) - [react-native-image-picker 7.1](https://github.com/react-native-image-picker/react-native-image-picker) 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