--- title: "Demystifying React Server Components" publication: "React Status" issue: 347 published_at: "2023-07-12" canonical_url: "https://react.statuscode.com/issues/347" --- Plus building GTK4 apps with React, and even Windows 95 makes an appearance. | #​347 — July 12, 2023 [Read on the Web](https://react.statuscode.com/issues/347) Together with [![Fusion Auth\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_512,h_127/e_make_transparent/co_white,e_outline:15/es9kzxpnghhbbctheomi.png)](https://fusionauth.io/blog/2021/11/11/how-to-authenticate-your-react-app?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=react-sdk) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/itvbimiwhvebb60vcsoy.jpg)](https://www.react-graph-gallery.com/) [The React Graph Gallery](https://www.react-graph-gallery.com/) — Live demonstrations of a vast array of different charts and graphs built with React and D3.js, complete with explanations and code you can take away to reproduce them for yourself. Particularly striking examples include [Sankey diagrams](https://www.react-graph-gallery.com/sankey-diagram), [treemaps](https://www.react-graph-gallery.com/treemap), and [correlograms](https://www.react-graph-gallery.com/correlogram), but there’s a lot to enjoy here. Yan Holtz [MDX Editor: A Rich Markdown Editor Component](https://mdxeditor.dev/) — Best known for the [React Virtuoso](https://virtuoso.dev/) virtualized rendering components, Petyo has unveiled a [Lexical](https://lexical.dev/)-powered Markdown editor for React apps that supports code blocks, tables, and more. [The live demo](https://mdxeditor.dev/editor/demo) shows off most of what you need to see. Petyo Ivanov [![\](https://copm.s3.amazonaws.com/debec367.png)](https://fusionauth.io/blog/2021/11/11/how-to-authenticate-your-react-app?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=react-sdk) [Auth for Every App](https://fusionauth.io/blog/2021/11/11/how-to-authenticate-your-react-app?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=react-sdk) — The best frontend language deserves the best auth service. Add MFA, SSO, biometrics and advanced threat detection with just a few clicks. Put FusionAuth to work for you. FusionAuth sponsor **IN BRIEF:** - Lenz Weber-Tronic provides [his take on the current React Server Components controversy](https://phryneas.de/react-server-components-controversy). - Matt Wolfe reflects on [code sharing between React and React Native apps](https://matthewwolfe.github.io/blog/code-sharing-react-and-react-native). [Demystifying React Server Components with Next.js 13](https://demystifying-rsc.vercel.app/) — Half tutorial and half the author figuring things out, which works pretty well as an approach for such a new topic. Matt Kruse [Update State During Render, Better Explained](https://swizec.com/blog/update-state-during-render-better-explained/) — Last week, Swizec told us about [updating state during rendering](https://swizec.com/blog/react-can-update-state-during-render/) but if the idea or motivation confused you, he’s back with more of an explanation. Swizec Teller ▶[Simple Next.js and React Authentication with Clerk](https://www.youtube.com/watch?v=RHFmsoiVtKE) Brad Traversy 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/uo6zivombl1avg4dzfal.jpg)](https://react95.github.io/React95/?path=/story/all--all) [React95: A Windows 95 Themed React Component Library](https://react95.github.io/React95/?path=/story/all--all) — You would have been forgiven for thinking this project was a cute joke and would be abandoned pretty quickly, but no! It’s getting almost non-stop updates and releases and is surprisingly thorough. We love it. The React95 Team [React Native GTK4: React Renderer for GTK4](https://github.com/eugeniodepalo/react-native-gtk4/blob/main/packages/react-native-gtk4/README.md) — Build native GTK4 (the widget toolkit associated with GNOME) apps using Node and the React components and development patterns you’re already familiar with. Eugenio Depalo 📅 [Debugging React Native Apps End-to-End: Best Practices](https://sentry.io/resources/ama-debugging-react-native-apps-end-to-end/?utm_medium=paid-community&utm_source=reactstatus&utm_campaign=reactnative-fy24q2-workshop&utm_content=newsletter-reactnativeworkshop-register) — Join developers from Meta, Expo and Sentry for a live AMA on July 26th, 10am PT to share tips and best practices. Sentry sponsor [SaaS Boilerplate 2.0: Opinionated Full Stack Boilerplate App](https://github.com/apptension/saas-boilerplate) — If you like your server side to be JavaScript flavored, turn away because while this is all React in the front end, it’s Python and Django behind the scenes :-) Apptension [AI Getting Started Kit: A Starter Stack for AI-Based 'Weekend Projects'](https://github.com/a16z-infra/ai-getting-started) — Brings together an opinionated set of technologies including React, Next.js, Clerk for auth, Langchain.js, Replicate for image models, Fly for deployment, and more. AI Getting Started 📰 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). --- ☑️ _SurveyJS_ is a dual open source/commercial form management system that lets you create dynamic surveys using JSON or a form builder. [Try a demo of the SurveyJS form builder.](https://surveyjs.io/create-free-survey) _Classifieds_ is a way to share projects, services, or jobs you may find useful, replacing our job listings section. More details to follow. [react-multistep](https://github.com/srdjan/react-multistep) — Multi-step ‘wizards’ are an effective way of walking users through complex interactions. Check out the [demo](https://srdjan.github.io/react-multistep/). srdjan - [Optics](https://www.optics.page/) ↳ Another take on state management. - [Sonner 0.6](https://github.com/emilkowalski/sonner) ↳ Opinionated toast component. - [React Virtuoso 4.4](https://github.com/petyosi/react-virtuoso) ↳ Powerful virtual list component. - [Preact 10.16](https://github.com/preactjs/preact/releases/tag/10.16.0) ↳ The 3KB React alternative. This issue was curated by Terence C. Gannon and Peter Cooper and edited by the Cooperpress team. 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