Hacker News with Generative AI: React

Wake Up, Remix (remix.run)
At React Conf last summer we announced that Remix was going to "take a nap".
Show HN: Puck – Open-source visual editor for React (github.com/puckeditor)
The visual editor for React.
React Meta-Framework Feels Broken, Here's Why (rwsdk.com)
Do you ever feel disjointed when building a web app? Like the pieces don’t exactly fit in the puzzle, both mentally and in the code?
Show HN: Photoshop Clone Built in React (github.com/chase-manning)
React Photo Studio is an online photo editing application. It is currently in Beta and so a lot of features are still in active development.
Remix Breaks Up with React (github.com/kayac-chang)
Just Fucking Use React (justfuckingusereact.com)
This is about acknowledging that sometimes, complexity is not a choice, it's a fucking requirement. And when that complexity hits, trying to wrangle it with document.getElementById and a prayer is like trying to build a goddamn space shuttle with fucking popsicle sticks and glue. You might get something that looks vaguely shuttle-shaped, but it'll be a wobbly, unmaintainable, terrifying piece of shit that explodes on the launchpad.
Bippy: A toolkit to hack into react internals (bippy.dev)
Show HN: Reactylon – A new way to build XR with React and Babylon.js (github.com/simonedevit)
Welcome to Reactylon, a powerful multiplatform framework built on top of Babylon.js and React, designed to create interactive and immersive XR experiences.
React Three Ecosystem (react-three.org)
Show HN: Piny – Astro, React and Next Visual Editor for VSCode, Cursor, Windsurf (getpiny.com)
Piny is built for developers who care about speed and staying in control. All edits happen directly in your code. Use Piny alongside your favorite coding assistant—or on its own. Compatible with any React or Next.js project.
Show HN: Hyper – Standards-first React alternative (nuejs.org)
Hyper is a standards first markup language for building user interfaces. It enables developers (and AI models) to generate complex UIs with amazingly clean syntax.
RSC for Astro Developers (overreacted.io)
The mental model behind these two are remarkably similar! If you know Astro, you already have 80% of the mental model for React Server Components. (Even if you think React Server Components are a terrible idea, Astro is worth learning.)
Show HN: Open-source sound effects and react library to spice up your website (reactsounds.com)
Archeology of React (2016) (reactjs.org)
Just three and a half years ago we open sourced a little JavaScript library called React. The journey since that day has been incredibly exciting.
JSX over the Wire (overreacted.io)
Suppose you have an API route that returns some data as JSON:
Show HN: Tiptap UI Components – Free React Components for Building Editor UIs (github.com/ueberdosis)
Tiptap UI Components is a library of modular, MIT-licensed React components, templates, and primitives that help you build rich text editor UIs faster, on top of the headless Tiptap framework.
RedwoodSDK – a composable framework for building server-side web apps (rwsdk.com)
RedwoodSDK is a React framework for Cloudflare.
React for Two Computers (overreacted.io)
To beat Spacetime, change it so that the Clock displays the time from the Early world, but the color of the <p> around the <Clock> is decided by the Late world.
In React {Transitions} = F(state) (jordaneldredge.com)
TL;DR: Thinking about the React component tree as modeling a state machine can help clarify the implications of asynchronous updates and React’s concurrent features.
Show HN: Windows XP Themed Personal Site Built with React (sohailsayed.com)
Welcome to Sohail's personal site!
Understanding Hydration Errors by Building a SSR React Project (propelauth.com)
If you’ve written React code in any server-rendered framework, you’ve almost certainly gotten a hydration error. These look like:
A steam locomotive from 1993 broke my yarn test (cloudflare.com)
So the story begins with a pair programming session I had with my colleague, which I desperately needed because my node skill tree is still at level 1, and I needed to get started with React because I'll be working on our internal backstage instance.
Show HN: Make SVGs interactive in React with 1 line (vercel.app)
Show HN: Bknd – Firebase alternative that embeds into any React stack (github.com/bknd-io)
bknd simplifies app development by providing a fully functional backend for database management, authentication, media and workflows. Being lightweight and built on Web Standards, it can be deployed nearly anywhere, including running inside your framework of choice. No more deploying multiple separate services!
Konva.js - Declarative 2D Canvas for React, Vue, and Svelte (konvajs.org)
The ultimate bridge between your Vanilla JS app and canvas graphics
Show HN: We made a VS Code extension that reveals React component usage insights (omlet.dev:443)
Analyze how and where components are used across your code repos to reduce front-end tech debt and prove design system value.
Stop Using and Recommending React (lusito.info)
I have used React for a long time. Trust me when I tell you: There is no reason to use it and a lot of reasons against it. This is going to be a long explanation, but bear with me!
Ask HN: Why are there so few Flutter jobs? Should I switch to React? (ycombinator.com)
Every month I search through the Who Is Hiring thread but very few (if any) Flutter jobs appear
Origin UI – Like shadcn/UI, but on steroids (github.com/origin-space)
Origin UI is an extensive collection of copy-and-paste components for quickly building application UIs. Powered by Tailwind CSS and React.
Show HN: GoatDB – A lightweight, offline-first, realtime NoDB for Deno and React (github.com/goatplatform)
GoatDB is a real-time, version-controlled database for Deno, React, and low-friction deployments. It’s ideal for prototyping, self-hosting, single-tenant apps, as well as ultra light multi-tenant setups without heavy backends or complex DBs.