Hacker News with Generative AI: React

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.)

Web Development, React, Astro, Server-Side Rendering

43 points by feross 3 days ago | 22 comments

Show HN: Open-source sound effects and react library to spice up your website (reactsounds.com)

Open Source, Web Development, React, Sound Effects, JavaScript

21 points by lschneider 9 days ago | 10 comments

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.

React, JavaScript, Web Development, Open Source, History

44 points by goranmoomin 23 days ago | 4 comments

JSX over the Wire (overreacted.io)
Suppose you have an API route that returns some data as JSON:

JavaScript, Web Development, React, APIs

267 points by danabramov 24 days ago | 178 comments

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.

React, Open Source, UI Components, Text Editors, Web Development

20 points by philipisik 24 days ago | 6 comments

RedwoodSDK – a composable framework for building server-side web apps (rwsdk.com)
RedwoodSDK is a React framework for Cloudflare.

Web Development, Frameworks, Cloud Computing, Server-Side Development, React

10 points by johndevor 27 days ago | 5 comments

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.

React, Web Development, Time Travel

67 points by abraham 30 days ago | 54 comments

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.

React, State Management, Asynchronous Programming, Concurrency

39 points by captbaritone 31 days ago | 54 comments

Show HN: Windows XP Themed Personal Site Built with React (sohailsayed.com)
Welcome to Sohail's personal site!

Web Development, React, Personal Websites, Nostalgia, Windows XP

12 points by okincilleb 33 days ago | 3 comments

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:

React, JavaScript, Web Development, Server-Side Rendering

22 points by aisrael 35 days ago | 5 comments

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.

Programming, React, Javascript, Web Development

169 points by jgrahamc 37 days ago | 76 comments

Show HN: Make SVGs interactive in React with 1 line (vercel.app)

React, SVG, Web Development, Interactive, Frontend Development

54 points by shantingHou 38 days ago | 19 comments

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!

React, Firebase, Open Source, Web Development

50 points by dswbx 45 days ago | 22 comments

Konva.js - Declarative 2D Canvas for React, Vue, and Svelte (konvajs.org)
The ultimate bridge between your Vanilla JS app and canvas graphics

JavaScript, React, Vue, Svelte, Canvas

253 points by lavrton 51 days ago | 72 comments

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.

React, Front-End Development, Software Development, Code Analysis

10 points by berkcebi 51 days ago | 0 comments

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!

Web Development, JavaScript Frameworks, React

28 points by todsacerdoti 52 days ago | 10 comments

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

Flutter, React, Job Market, Programming, Mobile Development

11 points by sqrg 65 days ago | 14 comments

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.

UI Libraries, React, Tailwind CSS, Open Source, Web Development

13 points by pvitiello 71 days ago | 1 comments

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.

Databases, JavaScript, Web Development, React, Deno

90 points by justagoat 73 days ago | 45 comments

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.

JavaScript, React, Workflow Automation, Open Source, Software Development

22 points by theunquietone 77 days ago | 4 comments

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.

React, Web Development, JavaScript, Open Source, Community Feedback

6 points by feross 79 days ago | 1 comments

State of React 2024 – Survey Results (stateofreact.com)
This has been a year of consolidation for React.

React, JavaScript, Web Development, Surveys

4 points by karaokeyoga 79 days ago | 0 comments

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.

JavaScript, React, Web Development, Software Development

17 points by mariuz 83 days ago | 1 comments

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.

JavaScript, React, Web Development, Software Development

128 points by acemarke 83 days ago | 146 comments

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.

Google Translate, Web Development, JavaScript, React, Chrome Extensions

108 points by MartijnHols 86 days ago | 84 comments

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.

WebAssembly, Programming Languages, Go, React, User Interfaces

250 points by miranda_carter 87 days ago | 232 comments

Designing Backgrounds with LLMs and React (vigilant.run)

Design, React, Web Development

8 points by benshumaker 87 days ago | 1 comments

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.

3D, React, JavaScript, Web Development, Game Development

8 points by ovenchips 92 days ago | 3 comments

Create React App is now deprecated (github.com/facebook)

React, Javascript, Web Development, Deprecation, Open Source

6 points by rk06 96 days ago | 2 comments

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.

React, User Interfaces, Front-End Development, Programming

12 points by thunderbong 98 days ago | 1 comments