--- title: "React still exists; doing well" publication: "React Status" issue: 380 published_at: "2024-04-10" canonical_url: "https://react.statuscode.com/issues/380" --- Plus a big Docusaurus release and a little Vercel pricing friction. | #​380 — April 10, 2024 [Read on the Web](https://react.statuscode.com/issues/380) Together with [![Posthog\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_2303,h_420/e_make_transparent/co_white,e_outline:12/i4lkeq9vxu5ccjyxdkep.png)](https://newsletter.posthog.com/?utm_source=rstatus&utm_campaign=rstatus) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/fu1rjl0v4hylpne8cb4g.jpg)](https://thenewstack.io/react-server-components-in-a-nutshell/) [React Server Components in a Nutshell](https://thenewstack.io/react-server-components-in-a-nutshell/) — A quick overview of RSCs that’s _not_ focused around Next.js! Paul compares the approach taken by several frameworks before sharing his broader thoughts on the technology and why the small [Waku](https://waku.gg) framework is worth a look. Paul Scanlon (The New Stack) [Introducing Waku's “Pages Router”](https://waku.gg/blog/introducing-pages-router) — [Waku](https://waku.gg/) (already mentioned above) is an interesting minimal server-side React framework and it’s now also bringing a minimal API to the modern React server components era: _“Making a Waku site is now as simple as making a few files and folders in the ./src/pages directory”_.. Sophia Andren [![\](https://copm.s3.amazonaws.com/4a575a3e.png)](https://newsletter.posthog.com/?utm_source=rstatus&utm_campaign=rstatus) [Product for Engineers: A Newsletter Helping Flex Your Product Muscle](https://newsletter.posthog.com/?utm_source=rstatus&utm_campaign=rstatus) — Product for Engineers is PostHog’s newsletter helping engineers improve their product skills. Subscribe to get curated advice on building great products, lessons (and mistakes) from building PostHog, and dive into the strategies of top startups. PostHog sponsor [Setting Up Storybook for React Components](https://www.dolthub.com/blog/2024-04-08-storybook-react-components/) — How [Dolt](https://www.dolthub.com) (love that name!) set up Storybook for their React component library including the use of [Chromatic](https://www.chromatic.com) to test and review components. Taylor Bantle [TinyBase 4.8: A Reactive Data Store for Local-First Apps](https://tinybase.org/) — A data store (for both key/value or tabular data) that can connect together data stores and act as a reactive backend to your apps. Basically, if you want less headache with the backend of your app, this is for you — and it includes [bindings to React](https://tinybase.org/#call-hooks-to-bind-to-data) and [pre-built reactive components](https://tinybase.org/#pre-built-reactive-components), too. The [demos](https://tinybase.org/demos/) show it off well. v4.8 includes [PowerSync](https://www.powersync.com/) support for syncing between Postgres and SQLite. James Pearce 💡 If you need convincing of why something like TinyBase is useful, let Benedikt Müller sell you on the idea of TinyBase and PowerSync being [the easiest way to build reactive local-first apps.](https://bndkt.com/blog/2024/the-easiest-way-to-build-reactive-local-first-apps-with-tinybase-and-powersync) **IN BRIEF:** - Vercel: _"Bandwidth and functions are too expensive."_ Also Vercel: Your monthly bill is _[🐦 "projected to go from $20 to $201 on June 28th."](https://twitter.com/jamespotterdev/status/1775971832404849034)_ In fairness, [🐦 most users will see 'lower or flat bills.'](https://twitter.com/rauchg/status/1775996820533207334) - Nico Prananta has an interactive [Should You Use Vercel?](https://www.nico.fyi/should-you-use-vercel) questionnaire to help you answer that question for your own project. - Do you miss the iPod's 'click wheel'? Why not [offer it as a way to navigate your app?](https://www.clickwheeljs.com/) 😅 - Developers are now experimenting with cheap VPSes to see if they can be faster and cheaper than Vercel. [🐦 In short, yes.](https://twitter.com/ashleyrudland/status/1777676883078824151) But beware the operational overhead.. 📄 [New Flow Language Features for React](https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0) — _"Flow is excited to announce Component Syntax, adding first-class support for React primitives such as components and hooks to the Flow language."_ Alex Taylor 📄 [Exploring Authentication in Next.js](https://www.robinwieruch.de/next-authentication/) Robin Wieruch 📄 [Building an Image Editor with DALL-E and Next.js](https://reflowhq.com/learn/image-editor-dall-e-next/) Reflow 📄 [Reconsider Using Storybook: Is It Worth the Hassle?](https://spin.atomicobject.com/using-storybook-reconsider/) Zachary Johnson 📺 [How to Debug Efficiently with the React Developer Tools](https://www.youtube.com/watch?v=5nwA9B9LSaM) – _50 minute video._ Himanshu Singh 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/zycvabsm5qv1fnywulsn.jpg)](https://docusaurus.io/blog/releases/3.2) [Docusaurus 3.2: React + MDX Powered Site Builder](https://docusaurus.io/blog/releases/3.2) — If you’ve ever seen a smart, elegant docs site, there’s a 61% chance it’s powered by Docusaurus _(citation needed)_ .. 😅 Maybe not quite, but if it’s good enough for React Native, Relay, Ionic, Jest, [and many others](https://docusaurus.io/showcase), it’s good enough for us. v3.2 ups the ante with significantly faster site builds _and_ a faster dev server. Meta [Yet Another React Lightbox](https://yet-another-react-lightbox.com/) — Add a lightbox component to your projects “in minutes” – there are [several examples to try](https://yet-another-react-lightbox.com/examples), as well as a [playground with lots of adjustable settings!](https://yet-another-react-lightbox.com/examples/playground) Igor Danchenko 📰 Classifieds Get a `.app`, `.dev`, or `.foo` domain name for only $5 for the first year at [Porkbun](https://sponsr.is/tld_reactstatus). It’s perfect for developers and all tech professionals. --- 📆 [Troubleshooting Expo apps](https://sentry.io/resources/troubleshooting-expo-apps-workshop/?utm_medium=paid-community&utm_source=reactstatus&utm_campaign=fy25q1-expoworkshop&utm_content=newsletter-expoworkshop-register) - Join Sentry and Expo on April 16th, to learn best practices to debug and improve Expo apps. --- 🗣️"Compared to our previous experiences in the security/auth space, [Userfront](https://userfront.com/?utm_source=react.statuscode.com&utm_medium=newsletter_classified_listing&utm_campaign=magnitude&utm_content=transformational) is an order of magnitude simpler to use." ⏱ [React-Clock: An Analog Clock Component](https://projects.wojtekmaj.pl/react-clock/) — There’s a beautiful Swiss train station style example on the homepage, but you can ultimately customize the clock to your liking. Wojciech Maj [form_props: The Power of Rails Forms Now in React Too](https://thoughtbot.com/blog/introducing-form-props) — One for those working with React from _Ruby on Rails._ [GitHub repo.](https://github.com/thoughtbot/form_props) thoughtbot [Preview.js: Preview UI Components Instantly in Your IDE](https://previewjs.com/) — Namely, VS Code or JetBrain IDEs, out of the box. Compatible with components built for React, Vue, Svelte and Solid. Zenc Labs Pty - [Jotai 2.8](https://github.com/pmndrs/jotai/releases/tag/v2.8.0) – Simple, flexible state management for React. Introduces `atomWithLazy` and an experimental store implementation in`jotai/experimental`. - [React on Rails 14.0](https://github.com/shakacode/react_on_rails) – A way to integrate React with _Ruby on Rails_apps. - [React Native Skia 1.1](https://github.com/Shopify/react-native-skia) – High-performance 2D graphics for React Native. - [React Testing Library 14.3](https://github.com/testing-library/react-testing-library) – Adds support for the React 19 Canary. - [P5-wrapper/react 4.4](https://github.com/P5-wrapper/react) – Integrate P5.js sketches into React apps. [Demo.](https://p5-wrapper.github.io/react/) - [react-medium-image-zoom 5.2](https://github.com/rpearce/react-medium-image-zoom) – Medium​.com inspired image component. - [react-native-bootsplash 5.5.2](https://github.com/zoontek/react-native-bootsplash) – Show a splash screen during startup. - [React Stripe.js 2.7](https://github.com/stripe/react-stripe-js) – Components for Stripe.js and Stripe Elements. - 🏷 [Tagify 4.23](https://yaireo.github.io/tagify/) – Lightweight tag input component. - [Redwood 7.3](https://github.com/redwoodjs/redwood/releases/tag/v7.3.0) – GraphQL-driven React framework. 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