Can AI Rebuild a Rails Page in Next.js? We Tried It.. - https://thoughtbot.com/blog/can-ai-rebuild-a-rails-page-in-next-js-we-tried-it
#react
#react
thoughtbot
Can AI rebuild a Rails page in Next.js? We tried it
A recap of our live stream experiment where we used Cursor to rebuild a Rails page in Next.js.
👍2
Using TanStack Query in Expo Apps: Improving DX and UX Like No Other - https://www.youtube.com/watch?v=QTQm4TbarsI
#react
#react
YouTube
Devlin Duldulao – TanStack Query in Expo Apps: Improving DX and UX Like No Other | App.js Conf 2025
Learn how to use TanStack Query to manage server state in Expo apps — with real-world examples of optimized data fetching, caching, and error handling for better performance and scalability.
Don't miss any updates about App.js Conf and follow us on X:
💎…
Don't miss any updates about App.js Conf and follow us on X:
💎…
👍2
React Still Feels.. Foolish, and No One is Talking About It?
We wouldn’t normally feature such a provocative piece, but the React blogosphere has been very slow this week and the discussions around this article have been substantial enough that we’re giving it a chance. Mario illuminates some pain points around complexity in modern, rich SPA apps and how the flexibility of libraries like React can quickly lead to a convoluted mess if you’re not careful. Ultimately, though, this is not a problem exclusive to React! - https://mbrizic.com/blog/react-is-insane/
#react
We wouldn’t normally feature such a provocative piece, but the React blogosphere has been very slow this week and the discussions around this article have been substantial enough that we’re giving it a chance. Mario illuminates some pain points around complexity in modern, rich SPA apps and how the flexibility of libraries like React can quickly lead to a convoluted mess if you’re not careful. Ultimately, though, this is not a problem exclusive to React! - https://mbrizic.com/blog/react-is-insane/
#react
👍2🤡2❤1
Vercel Ship 2025 Recap
Vercel’s annual conference was taking place live as we sent React Status last week. We linked to the livestream, but now you can catch up with all the announcements in one place, including updates on their AI SDK, Fluid compute options, Vercel Sandbox, Rolling Releases feature, bot detection, and more. - https://vercel.com/blog/vercel-ship-2025-recap
#react
Vercel’s annual conference was taking place live as we sent React Status last week. We linked to the livestream, but now you can catch up with all the announcements in one place, including updates on their AI SDK, Fluid compute options, Vercel Sandbox, Rolling Releases feature, bot detection, and more. - https://vercel.com/blog/vercel-ship-2025-recap
#react
Vercel
Vercel Ship 2025 recap - Vercel
Vercel Ship 2025 added new building blocks for an AI era: Fast, flexible, and secure by default. Lower costs with Fluid's Active CPU pricing, Rolling Releases for safer deployments, invisible CAPTCHA with BotID. See these and more in our recap.
❤1👍1
Using useOptimistic to Make Your App Feel Instant - https://www.epicreact.dev/use-optimistic-to-make-your-app-feel-instant-zvyuv
#react
#react
Epic React
`useOptimistic` to Make Your App Feel Instant
Make your React apps feel instant with the new useOptimistic hook from React 19. Improve UX by updating UI immediately while async actions complete.
👍1
A Study Guide to Data Fetching in React - https://reactpractice.dev/articles/study-guide-data-fetching-in-react/
#react
#react
reactpractice.dev
Study guide: Data fetching in React
Learning to fetch data in React is one of the first things you'll learn as you get started with React. But it's not so straightforward - do you use React Query out of the box? Or just stick to useEffect?
And even after you're built an app or two, there
And even after you're built an app or two, there
👍1
Teaching Next.js Route Handlers to GitHub Copilot
Ever tried getting Copilot to write a Next.js app using modern App Router features? Turns out, it struggles badly. This guide describes how you can fix that by providing the right context - https://www.ericburel.tech/blog/teaching-nextjs-to-github-copilot
#react
Ever tried getting Copilot to write a Next.js app using modern App Router features? Turns out, it struggles badly. This guide describes how you can fix that by providing the right context - https://www.ericburel.tech/blog/teaching-nextjs-to-github-copilot
#react
www.ericburel.tech
Generating Next.js Route Handlers with GitHub Copilot
"What's funnier that teaching Next.js to human beings? Teaching Next.js to LLMs!
👍1
How to Create Kinetic Image Animations with React Three Fiber
A fantastic visual effect for the Web (which can try live here) that’s explained in technical detail. It’s amazing what React Three Fiber can do and might inspire you to have a play for yourself.. - https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/
#react
A fantastic visual effect for the Web (which can try live here) that’s explained in technical detail. It’s amazing what React Three Fiber can do and might inspire you to have a play for yourself.. - https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/
#react
Codrops
How To Create Kinetic Image Animations with React-Three-Fiber | Codrops
Bring static visuals to life with rotating textures, 3D geometry, and smooth motion powered by React Three Fiber.
❤1👍1
What Every React Developer Should Know About Signals
Ryan, the creator of SolidJS, put eight hours into making this ten minute video which is a good look at the state of signals in modern JavaScript code and compares them to React’s approach. - https://www.youtube.com/watch?v=VgGl9i-OBBI
#react
Ryan, the creator of SolidJS, put eight hours into making this ten minute video which is a good look at the state of signals in modern JavaScript code and compares them to React’s approach. - https://www.youtube.com/watch?v=VgGl9i-OBBI
#react
YouTube
What Every React Developer Should Know About Signals
React is by far the most popular JavaScript library to build web UIs. But Signals and React haven't always been on the best terms. As they say "History is written by the Victors". Today we set the record straight.
[0:00] Introduction
[0:16] History of Signals…
[0:00] Introduction
[0:16] History of Signals…
👍2
Server-Side Support for MCP in Next.js
Enable your users to securely grant AI applications like Claude, Cursor, and others access to their data within your app. - https://clerk.com/changelog/2025-06-25-mcp-server-nextjs
#react
Enable your users to securely grant AI applications like Claude, Cursor, and others access to their data within your app. - https://clerk.com/changelog/2025-06-25-mcp-server-nextjs
#react
Clerk
MCP Server Support for Next.js
Build an MCP service into your application with Clerk and Next.js in 5 minutes
👍2❤1
The History of React Through Code
An epic attempt charting React’s evolution from its origins at Facebook to what we know and use today. It sheds light on React’s core philosophies, the motivations behind major API and feature decisions, and how it solved real problems developers were facing. This will round out your thinking about React if you weren’t using it from the earliest days. - https://playfulprogramming.com/posts/react-history-through-code
#react
An epic attempt charting React’s evolution from its origins at Facebook to what we know and use today. It sheds light on React’s core philosophies, the motivations behind major API and feature decisions, and how it solved real problems developers were facing. This will round out your thinking about React if you weren’t using it from the earliest days. - https://playfulprogramming.com/posts/react-history-through-code
#react
Playful Programming
The History of React Through Code
Learn React's history using pragmatic code samples and deep dives. This journey reveals the consistent design in React's APIs stemming from the very beginning.
❤1👍1
SSR Deep Dive for React Developers
A comprehensive guide to SSR, hydration, and SSG in React. Covers the pros, cons, and costs of server-side rendering, with practical challenges to test your knowledge - https://www.developerway.com/posts/ssr-deep-dive-for-react-developers
#react
A comprehensive guide to SSR, hydration, and SSG in React. Covers the pros, cons, and costs of server-side rendering, with practical challenges to test your knowledge - https://www.developerway.com/posts/ssr-deep-dive-for-react-developers
#react
Developerway
SSR Deep Dive for React Developers
Explore step-by-step how Server-Side Rendering (SSR), pre-rendering, hydration, and Static Site Generation (SSG) work in React, their costs, performance impact, benefits, and trade-offs.
❤1👍1
RFC: Deployment Adapters API
Big News: Vercel is making standalone Next.js deployments way easier with a new deployment adapters API. This will give other hosting platforms like Cloudflare, Netlify, or even your own server a consistent way to work with Next.js. Vercel will use the same interface for deployments on their infrastructure. It’s still in the RFC stage, but I’ll keep you posted as things evolve. - https://github.com/vercel/next.js/discussions/77740
#react
Big News: Vercel is making standalone Next.js deployments way easier with a new deployment adapters API. This will give other hosting platforms like Cloudflare, Netlify, or even your own server a consistent way to work with Next.js. Vercel will use the same interface for deployments on their infrastructure. It’s still in the RFC stage, but I’ll keep you posted as things evolve. - https://github.com/vercel/next.js/discussions/77740
#react
GitHub
RFC: Deployment Adapters API · vercel next.js · Discussion #77740
To ensure Next.js can be deployed anywhere, including severless platforms with custom requirements, we are planning to add deployment adapters. Vercel will use the same adapter API as every other p...
👍5🔥2
How The New York Times Migrated from Enzyme to React Testing Library
A thorough look at the technical challenges and strategies the NYT used to perform a piecemeal upgrade of its React testing approach without disrupting either end users or other developers. - https://open.nytimes.com/how-the-new-york-times-systematically-migrated-from-enzyme-into-react-testing-library-b3ea538d001c
#react
A thorough look at the technical challenges and strategies the NYT used to perform a piecemeal upgrade of its React testing approach without disrupting either end users or other developers. - https://open.nytimes.com/how-the-new-york-times-systematically-migrated-from-enzyme-into-react-testing-library-b3ea538d001c
#react
NY Times
How The New York Times systematically migrated from Enzyme into React Testing Library
How we navigated the shift from Enzyme to React Testing Library at The New York Times.
❤1👍1
React.memo Demystified: When It Helps and When It Hurts
Memoization in React can be tricky. This post explains how React.memo, useMemo, and useCallback work, when they’re useful, and when they’re just making things harder. - https://cekrem.github.io/posts/react-memo-when-it-helps-when-it-hurts/
#react
Memoization in React can be tricky. This post explains how React.memo, useMemo, and useCallback work, when they’re useful, and when they’re just making things harder. - https://cekrem.github.io/posts/react-memo-when-it-helps-when-it-hurts/
#react
cekrem.github.io
React.memo Demystified: When It Helps and When It Hurts
A deep dive into React's memoization tools and the hidden pitfalls that make them harder to use than you think
❤5
RIP Styled-Components. Now What?
Styled-components are officially in maintenance mode. React’s API changes and the rise of tools like Tailwind CSS and Vanilla Extract have made it obsolete. If you’re still holding on, this post has a list of alternatives to help you move on. - https://fadamakis.com/rip-styled-components-now-what-a8717df86e86
#react
Styled-components are officially in maintenance mode. React’s API changes and the rise of tools like Tailwind CSS and Vanilla Extract have made it obsolete. If you’re still holding on, this post has a list of alternatives to help you move on. - https://fadamakis.com/rip-styled-components-now-what-a8717df86e86
#react
Medium
RIP Styled-Components. Now What?
Styled-components are officially in maintenance mode. No new features or major updates should be expected. Only critical bug fixes and…
👍3😢2😁1
Figma MCP vs Claude: A UI Building Battle
Jack has a basic app view built in Figma and wants to turn it into working React code. What works best? Taking a screenshot and getting Claude Code to attempt to implement it, or use Figma’s own MCP server to do the work? - https://www.youtube.com/watch?v=uGp5kTPWaqY
#react
Jack has a basic app view built in Figma and wants to turn it into working React code. What works best? Taking a screenshot and getting Claude Code to attempt to implement it, or use Figma’s own MCP server to do the work? - https://www.youtube.com/watch?v=uGp5kTPWaqY
#react
YouTube
Figma MCP vs Claude: UI Building Battle!
Which is going to turn Figma into functioning React (on TanStack Start) better; Figma MCP or Claude Code?
00:00 Introduction
01:05 Letting Claude Cook
01:40 Setting Up Figma MCP
02:39 Using Figma MCP
03:02 How Claude Did
04:20 How Figma MCP Did
06:40 Figma…
00:00 Introduction
01:05 Letting Claude Cook
01:40 Setting Up Figma MCP
02:39 Using Figma MCP
03:02 How Claude Did
04:20 How Figma MCP Did
06:40 Figma…
❤2👍2
Introducing Zustand for State Management
The ‘barebones’ state management solution Zustand is now mature, popular, and battle-tested, but if you’ve been waiting for a comprehensive introduction, this is for you. - https://frontendmasters.com/blog/introducing-zustand/
#react
The ‘barebones’ state management solution Zustand is now mature, popular, and battle-tested, but if you’ve been waiting for a comprehensive introduction, this is for you. - https://frontendmasters.com/blog/introducing-zustand/
#react
Frontend Masters
Introducing Zustand (State Management)
Zustand is a minimal, but fun and effective state management library. It’s somewhat weird for me to write an introductory blog post on a tool that’s over 5 years old and pretty popular. But it’s popular for a reason, and there are almost certainly more developers…
👍2
React Router and React Server Components: The Path Forward
Find out what’s coming up for you if you’re a React Router user keen to work with React Server Components: “the implications are greater than you might expect.” - https://remix.run/blog/react-router-and-react-server-components
#react
Find out what’s coming up for you if you’re a React Router user keen to work with React Server Components: “the implications are greater than you might expect.” - https://remix.run/blog/react-router-and-react-server-components
#react
remix.run
React Router and React Server Components: The Path Forward
React Router's RSC support is more than just a new feature. It's a major architectural shift that makes it a much more powerful library while also making Framework Mode less coupled to any particular bundler.