r/react

Hi everyone, I’ve recently launched PercentMaster (percentmaster(dot)com), a website offering a variety of free online calculators and tools. Here’s what you can find:

• Calculators: Percent, Loan, BMI, Discount.
• Tools: Color Converter, Password Generator.
• Utilities: Unit Converter, Date Converter, QR Code Generator.

These tools are designed to be simple, fast, and accurate for everyday use. I’d love to hear your feedback and suggestions on how to improve the site. Are there any features you’d like to see added? Also, if you find it useful, feel free to share it with others!

Thanks in advance for your input! 😊

I need to use some React-specific API and I must do it from the server, meaning I have to use RSC (react-server-components) for rendering my components, but I also wanna have the advantages of Astro over other react-dedicated frameworks like NextJS or TanStack-Start (which doesn't support RSC yet).

So I was wondering if Astro supports RSC or if it's in the works and maybe even available in beta or alpha versions?

Deeper dive into my needs:

- If you have a better idea on how to make it work in Astro I'm open to it

- I'm dynamically importing and dynamically rendering React components out of a set of predefined react components

- The rules of what components to render come from an external CMS, that CMS has its own React context and I must wrap the hydrated client with that context so the client functionalities of these components will work

- The issue starts with the fact that in order for the context to be shared with other components it all must be hydrated under the same react-tree, meaning under the same client-island directive

- Due to the above requirements (same client island for all React components + required to dynamically import & render these React components on the server) I must use RSC for rendering the components and apply the client directive on that root RSC component so all of react will have a single island isolate, which is where I'm having issues, the docs don't mention RSC at all so I'm not sure of the RSC status on Astro

- BTW I know what I describe above is what NextJS does out of the box with RSC, which is why all the above logic works flawlessly on NextJS, I just have some other limitations with NextJS that Astro solves them for me so I'm migrating to Astro.

https://preview.redd.it/utxyvj13s4tg1.png?width=1920&format=png&auto=webp&s=093577ce88a83a74d2875e766063b61bb311bc27

So I do quite a fair bit of audio processing, and while ffmpeg is the gold standard, memorizing flags for complex chains is a pain. I wanted a way to handle everything via a clean UI without uploading my files to a random "converter" website.

I built a small orchestration layer that runs entirely on my machine:

• A simple.batscript that spins up the environment.
• A Python script that orchestrates the ffmpeg commands and manages the local file system.
• A React app served on localhost for a drag-and-drop experience.
• No cloud, no external APIs, no "Pro" subscriptions. Just local code.

It’s been a game-changer for my workflow. It feels like a desktop app but with the flexibility of a web stack.

Everything stays on localhost. One click, the browser opens, I process my files, and I'm done. Is anyone else wrapping CLI tools in local web UIs, or is this overkill? lol

Would love to hear if anyone else is using React for local-only tooling!