---
title: "Storybook gets on board with RSCs"
publication: "React Status"
issue: 366
published_at: "2023-12-13"
canonical_url: "https://react.statuscode.com/issues/366"
---

Plus Dan Abramov's blogging again. |        

#​366 — December 13, 2023 

[Read on the Web](https://react.statuscode.com/issues/366)   React Status  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/jrqffnygxlzfdxanilcb.jpg)](https://million.dev/blog/million-3)  

[Million 3.0: A Performance-Focused Virtual DOM Replacement](https://million.dev/blog/million-3) — A fast, lightweight virtual DOM that makes React up to 70% faster. v3 has faster build times, a faster run time.. so Million was already faster, now it’s even.. faster-er? 

Aiden Bai   

[React Tricks: Fast, Fit and Fun](https://molefrog.com/notes/react-tricks) — The developer of [Wouter](https://github.com/molefrog/wouter), a minimal hook-based router for React apps, explains some of the ‘tricks and hacks’ he’s used while maintaining the library, complete with some neat interactive demos. 

Alexey Taktarov   [![\](https://copm.s3.amazonaws.com/701a84ee.png)](https://link.testdouble.com/get-unstuck-react) 

[Never-Ending Story of Backlogs Got Your Team Down?](https://link.testdouble.com/get-unstuck-react) — Falling behind. No time for updates. Sound familiar? Get unstuck so you can ship more and improve things along the way. 

Test Double sponsor   

[Storybook Adds Support for React Server Components](https://storybook.js.org/blog/storybook-react-server-components/) — It requires an upgrade to Storybook 8.0 alpha (or you can just wait for the final), but this is a major upgrade to Storybook’s support for the latest changes in React/Next. 

Michael Shilman (Storybook)   

[Dan's Back with a Chain Reaction](https://overreacted.io/a-chain-reaction/) — Dan’s [Overreacted](https://overreacted.io/) blog is a great source of React wisdom, and he’s back with his first new post since 2021 with some high level pondering of the nature of levels of abstraction, code transformations, and how they chain together to produce useful output. It’s the first in a promised series that will take these ideas further. 

Dan Abramov   

**IN BRIEF:** 

- [React Native 0.73](https://reactnative.dev/blog/2023/12/06/0.73-debugging-improvements-stable-symlinks) has been released with stable symlink support, Android 14 support, and new experimental features (plus _Kotlin_ is now the recommended language for Android apps).
- Vercel's Next.js [React Foundations course](https://nextjs.org/learn/react-foundations) has been updated to include coverage of the App Router and Server Components.
- 📺 [GitHub Unwrapped](https://githubunwrapped.com/) is a fun project that renders your personal GitHub activity into a video (a la Spotify's "Wrapped" roundups). [The source](https://github.com/remotion-dev/github-unwrapped-2023) is here and it uses the React-based [Remotion](https://www.remotion.dev/) to render the videos dynamically.   

[Building a React F# UI for an Embedded System](https://medium.com/@viktorschepik/building-a-react-f-ui-for-an-embedded-system-115f9e89522b) — _“TLDR: We build a React F# single page application that is able to handle values that are sent to and received from an embedded system, considering that the communication takes noticeable time.”_ 

Viktor Schepik   

[Building AR Face Masks in React Native](https://blog.logrocket.com/building-ar-face-masks-react-native/) — This tutorial teaches how to build a custom augmented reality (AR) face mask using [DeepAR](https://www.deepar.ai) and then subsequently using the result in a React Native application. 

Ivy Walobwa   

[Optimizing Performance in React Native: Tips and Techniques](https://thoughtbot.com/blog/optimizing-performance-in-react-native-tips-and-techniques) 
Diego Oliveira   

[How to Set Up Self-Healing URLs in Next.js for Better SEO](https://mikebifulco.com/posts/self-healing-urls-nextjs-seo) 
Mike Bifulco   

▶[Thirteen Figma-to-React Converters Ranked](https://www.youtube.com/watch?v=XTdjxxyYMCE) 
Jack Herrington  

🛠 Code and Tools 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/zah69cvh4oynubiy1qfp.jpg)](https://react-responsive-pagination.elantha.com/)   

[React Responsive Pagination: Component for Smart Pagination](https://react-responsive-pagination.elantha.com/) — A responsive pagination component which intelligently adjusts to the available width. The homepage is a live demo, or you can hit the [GitHub repo.](https://github.com/jonelantha/react-responsive-pagination) 

Jon Elantha   

[Expo Router v3 Beta Now Available](https://blog.expo.dev/expo-router-v3-beta-is-now-available-eab52baf1e3e) — [Expo Router](https://docs.expo.dev/router/introduction/) is a file-based router for React Native and webapps built on top of [React Navigation.](https://reactnavigation.org/) v3 offers a new experimental system for building server endpoints: API Routes, reduced bundle size, and more powerful web support generally. 

Evan Bacon      

📰 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).      

[Primer React 36.4: GitHub's Design System for React](https://primer.style/react/) — _Primer_ is the name for the entire set of guidelines, principles, and design language around building UIs at GitHub, and _Primer React_ is a React-based implementation of it. 

GitHub   

[Reacton: A Pure Python 'Port' of React for ipywidgets](https://github.com/widgetti/reacton) — If you ever have to work in the Python-based notebook space (very common in the AI space right now), this React-_like_ way to create Python based UIs may be of interest. 

Maarten A. Breddels   

- 🎆 [tsParticles React 3.0](https://github.com/tsparticles/react) – [tsParticles](https://particles.js.org/) effects in React.
- 📅 [React Calendar 4.7](https://projects.wojtekmaj.pl/react-calendar/) – Nice date picker component.
- [Facebook Relay 16.1](https://github.com/facebook/relay) – The React GraphQL framework.
- [React PDF 7.6](https://github.com/wojtekmaj/react-pdf) – Display PDFs in your React apps.
- [Reactotron 3.0](https://shift.infinite.red/announcing-reactotron-3-0-934b5a221bda) – React Native debugging tool.
- [Solito 4.2](https://github.com/nandorojo/solito) – React Native + Next.js.         

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
