--- title: "React as a full-stack framework?" publication: "React Status" issue: 396 published_at: "2024-08-21" canonical_url: "https://react.statuscode.com/issues/396" --- Plus retro dithering, a Google Translate snafu, and two legendary React state solutions. | #​396 — August 21, 2024 [Read on the Web](https://react.statuscode.com/issues/396) 🏖️ Don't adjust your set – we were on vacation for a couple of weeks, but everything is now back on track :-) Thanks for sending in your links during the break. Let's go! __ _Peter Cooper, your editor_ Together with [![Meticulous\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_2600,h_373/e_make_transparent/co_white,e_outline:30/s65exulzcd60xe2r5nyk.png)](https://www.meticulous.ai?utm_source=react_status&utm_campaign=august21st) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/feqh33fgzwu6ebyke01t.jpg)](https://www.robinwieruch.de/react-full-stack-framework/) [React is (Becoming) a Full-Stack Framework](https://www.robinwieruch.de/react-full-stack-framework/) — Robin opines on some widely discussed topics in the React community over the past year or two: Where’s React going? Is it a frontend library? How does the backend fit in? He shares his thoughts on what led him to use Server Components and Server Actions and to consider React as more of a full-stack solution. Robin Wieruch [The Official Redux Essentials Tutorial, _Redux_](https://redux.js.org/tutorials/essentials/part-1-overview-concepts) — The long standing guide to how to use the popular Redux state container _the right way_ with best practices has undergone a big reworking with TypeScript used throughout, new concepts added, and more coverage of RTK/React Toolkit features. Redux Team [![\](https://copm.s3.amazonaws.com/98058191.png)](https://www.meticulous.ai?utm_source=react_status&utm_campaign=august21st) [Tests Are Dead. Meticulous Is Here](https://www.meticulous.ai?utm_source=react_status&utm_campaign=august21st) — Meticulous automatically creates and maintains a continuously evolving E2E UI test suite that covers every corner of your application – with no developer intervention required whatsoever. Zero flakes. Backed by YC, CTO of GitHub and others. Meticulous sponsor [_Waku_ Joins the React 19 Server Actions Train](https://waku.gg/blog/server-actions-are-here) — Tired of big meta frameworks? [Waku](https://waku.gg/) is a breath of fresh air. It brings _just enough_ to build complete, modern React apps without fuss. As of yesterday’s v0.21 release, it has full support for React’s [new server actions API](https://react.dev/reference/rsc/server-actions) too. I think we’ll see _much_ more of Waku soon.. Sophia Andren [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ctekrxxg3bcug7zlhutp.jpg)](https://blog.maximeheckel.com/posts/the-art-of-dithering-and-retro-shading-web/) [The Art of Dithering and Retro Shading for the Web](https://blog.maximeheckel.com/posts/the-art-of-dithering-and-retro-shading-web/) — A lot of time spent building a striking effect for the Web has turned into an equally fantastic deep dive on the concepts around rendering graphical effects using shaders in React Three Fiber. Maxime Heckel [Is Google Translate Crashing React Apps?](https://martijnhols.nl/gists/everything-about-google-translate-crashing-react) — An interesting look at how a built-in Chrome extension is manipulating the DOM on pages in such a way that could break React (and other) frontend apps. Martijn Hols 📄 [Making a REST API Typesafe with React Query and Zod](https://noahflk.com/blog/typesafe-rest-api) Noah Falk 📄 [Tips for Using React Testing Library to Write Unit Tests](https://spin.atomicobject.com/react-testing-library-unit-tests/) Pavan Policherla 📄 [How to Generate a PDF in a React App](https://spacejelly.dev/posts/generate-a-pdf-from-html-in-javascript) Colby Fayock 📺 [What's New in React 19](https://www.youtube.com/watch?v=AJOGzVygGcY) Lydia Hallie 📰 Classifieds Are your React PR reviews turning into component chaos? Discover strategies to streamline your code with [CodeRabbit.](https://coderabbit.ai/?utm_source=newsletter&utm_medium=cooperpress-react-classified-aug-21) Free Sign up! --- ⚡ [A conference for the latest & greatest in web dev tools](https://2024.squiggleconf.com/?ref=reactstatus). Learn cutting edge tips and strategies to supercharge your coding at [SquiggleConf](https://2024.squiggleconf.com/?ref=reactstatus). 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/gmdyfgnpziqrpqtdaqgm.jpg)](https://docusaurus.io/blog/releases/3.5) [Docusaurus 3.5: The Docs Generation Tool Adds More Blog Features](https://docusaurus.io/blog/releases/3.5) — I can always tell when I’m reading a site generated with Docusaurus because they look so good. Originally focused on producing strong documentation sites, v3.5 introduces several features to make rendering project _blogs_ much better. Sébastien Lorber [Legend State: A Tiny, Fast and Modern State System](https://www.legendapp.com/open-source/state/v3/) — A year ago, Jack Herrington wondered if Legend State could be [▶️ ‘the ultimate state manager’](https://www.youtube.com/watch?v=E4TH77SMOG8) and things have progressed a lot since, with it now boasting being [the fastest React state library](https://github.com/LegendApp/legend-state?tab=readme-ov-file#2-%EF%B8%8F-the-fastest-react-state-library) in town. Want to learn more? Here’s [the official pitch.](https://legendapp.com/open-source/state/v2/intro/introduction/) Jay Meistrich [Vite React Boilerplate: A Production Ready Starter Template](https://github.com/RicardoValdovinos/vite-react-boilerplate) — A ‘batteries included’ Vite + React app template that leans upon, well, a _lot_ of batteries, from Zustand to Zod to Storybook and [many other tools and libraries.](https://github.com/RicardoValdovinos/vite-react-boilerplate?tab=readme-ov-file#overview) Ricardo Valdovinos [React Figma: Use Components as a Source for Figma Designs](https://github.com/react-figma/react-figma) — Many folks use Figma to mock up designs for React components, but what about the other way around? Use components as a source for your designs in Figma! React Figma [Volta 2.0: Install and Run JavaScript Tools Quickly](https://volta.sh/) — A long-standing Rust powered tool for installing and switching JavaScript related tools (like Node, TypeScript, Yarn, etc.) … _“no matter the package manager, Node runtime, or OS.”_ [GitHub repo.](https://github.com/volta-cli/volta) Volta - [Astro 4.14](https://astro.build/blog/astro-4140/) – The popular agnostic content site framework now includes an experimental API for managing site content. - [React Native Keyboard Controller 1.13.0](https://github.com/kirillzyusko/react-native-keyboard-controller/releases/tag/1.13.0) – Keyboard manager that works identically on iOS and Android. - [Embla Carousel 8.2](https://www.embla-carousel.com/) – Carousel library with fluid motion and good swipe precision. - [markdown-to-jsx 7.5](https://github.com/quantizor/markdown-to-jsx/releases/tag/v7.5.0) – Lightweight Markdown component. ([Demo.](https://markdown-to-jsx.quantizor.dev/)) - [React Icons 5.3](https://github.com/react-icons/react-icons) – Popular icon packs ready to use in React. - [React Tooltip 5.28](https://github.com/ReactTooltip/react-tooltip) – _I bet you can guess [what it does](https://reacttooltip.github.io/react-tooltip/)._ - [xr 6.2](https://github.com/pmndrs/xr/releases/tag/v6.2.0) – VR/AR for React Three Fiber. - [React Native Testing Library 12.6](https://github.com/callstack/react-native-testing-library/releases/tag/v12.6.0) - [React Native 0.75](https://reactnative.dev/blog/2024/08/12/release-0.75) 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