Hacker News with Generative AI: React

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.
GenSX: OS framework for building agents and workflows with React-like components (github.com/gensx-inc)
GenSX is a simple typescript framework for building agents and workflows with reusable React-like components.
React Team Updates CRA Migration Guidance After Community Pushback (socket.dev)
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
State of React 2024 – Survey Results (stateofreact.com)
This has been a year of consolidation for React.
Sunsetting Create React App (react.dev)
Today, we’re deprecating Create React App for new apps, and encouraging existing apps to migrate to a framework. We’re also providing docs for when a framework isn’t a good fit for your project, or you prefer to start by building a framework.
Sunsetting Create React App (react.dev)
Today, we’re deprecating Create React App for new apps, and encouraging existing apps to migrate to a framework. We’re also providing docs for when a framework isn’t a good fit for your project, or you prefer to start by building a framework.
Everything about Google Translate crashing React (and other web apps) (martijnhols.nl)
Google Translate, the built-in extension of Google Chrome, is a machine translator that provides users with an easy way of translating webpages from within their browser tab.
We replaced our React front end with Go and WebAssembly (dagger.io)
A few weeks ago, we launched Dagger Cloud v3, a completely new user interface for Dagger Cloud. One of the main differences between v3 and its v2 predecessor is that the new UI is written in WebAssembly (WASM) using Go. At first glance, this might seem an odd choice - Go typically isn't the first language you think of when deciding to program a Web UI - but we had good reasons.
Designing Backgrounds with LLMs and React (vigilant.run)
PlayCanvas React: Easy, Declarative 3D for React Developers (playcanvas.com)
Today we're proud to announce the release of PlayCanvas React, a new declarative way to build 3D content using React.
Create React App is now deprecated (github.com/facebook)
React's declarative model isn't perfect (bennett.ink)
The creator of Next made an interesting Tweet about React becoming the Linux kernel of front end development. I’ll go a step further: I think it’s becoming a ubiquitous interface for UI development generally. I bet a lot on React: I use it for every UI endeavor I work on — video games, B2B, mobile apps, and websites of every shape and size.
Show HN: TinyJs React like framework in 35 lines of code (ycombinator.com)
Hi HN, I got to work yesterday and today and came up with a very simple way to create and manage state in TinyJS.
React has become the 'Linux kernel' of modern software development (twitter.com)
Create-react-app is a zombie application (clientserver.dev)
create-react-app hasn't been in the official documentation for over a year, but that doesn't stop a constant flood of new developers from trying to use it.
Create-react-app is a zombie application (clientserver.dev)
create-react-app hasn't been in the official documentation for over a year, but that doesn't stop a constant flood of new developers from trying to use it.
How to Inspect React Server Component Activity with Next.js and OpenTelemetry (dash0.com)
As web developers, we've become accustomed to the incredible power of browser dev tools. Need to understand why a component isn't rendering correctly? Pop open the inspector! Want to trace a network request? The Network tab is your best friend. Debugging, profiling, and understanding frontend code has never been easier. Until now.
Show HN: Puck 0.18 adds drag-and-drop for CSS grid and Flexbox (github.com/measuredco)
Puck 0.18 introduces a new drag-and-drop engine with native support for CSS grid and flexbox, enabling you to embed a design-in-browser experience directly within your React application or page builder.
Moving on from React, a year later (kellysutton.com)
It’s been a busy year for Scholarly. At this time last year, we were just closing our first contracts after having been in business for 6 months. Since then, we’ve raised a seed round, achieved SOC 2 Type II compliance, grown our customer base substantially, and expanded our team. On the technical side, we continue to cut out vectors of accidental complexity by keeping our technology choices simple.
SRCL: Open-source React project to build web apps with terminal aesthetics (sacred.computer)
SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics.
Implementing Streaming SSR with React Relay and Vite (aqora.io)
Implementing server-side rendering (SSR) with React-Relay and Vite is a complex but crucial process, especially when integrating it with React Router and Relay.
My 3D SWE Portfolio – Built with React Three Fiber (dement.dev)
Show HN: Dribbble for code (github.com/rorkai)
21st.dev is an open source community registry of React UI components where anyone can publish minimal Tailwind & Radix UI components and install any component via npx shadcn.
Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts) (github.com/mathuo)
Zero dependency Docking Layout Manager. Supports Vanilla TypeScript, React and Vue.
A messy experiment that changed how I think about AI code analysis (nmn.gl)
Last week, I watched our AI choke on a React codebase - again. As timeout errors flooded my terminal, something clicked. We’d been teaching AI to read code like a fresh bootcamp grad, not a senior developer.
You don't need Next.js – Why we migrated from Next to React (comfydeploy.com)
We migrated the ComfyDeploy dashboard from Next.js to just React
Show HN: 21st.dev - NPM for Design Engineers Based on Shadcn CLI (21st.dev)
Ship polished UIs faster with React Tailwind components inspired by shadcn/ui. Built by design engineers, for design engineers. One command to install.
How to Code a Shader Based Reveal Effect with React Three Fiber and GLSL (tympanus.net)
After coming across various types of image reveal effects on X created by some peers, I decided to give it a try and create my own. The idea was to practice R3F and shader techniques while making something that could be easily reused in other projects.