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❤1
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…
❤4👍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.
👍1
TanStack DB: The Embedded Client Database for TanStack Query
TanStack DB is an embedded client‑side database that uses differential dataflow to power live, relational queries, sub‑ms incremental updates, and seamless optimistic writes. This post does a good job of selling the idea, and the first beta version (v0.1) is available to experiment with now. - https://tanstack.com/blog/tanstack-db-0.1-the-embedded-client-database-for-tanstack-query
#react
TanStack DB is an embedded client‑side database that uses differential dataflow to power live, relational queries, sub‑ms incremental updates, and seamless optimistic writes. This post does a good job of selling the idea, and the first beta version (v0.1) is available to experiment with now. - https://tanstack.com/blog/tanstack-db-0.1-the-embedded-client-database-for-tanstack-query
#react
Tanstack
Stop Re-Rendering — TanStack DB, the Embedded Client Database for TanStack Query | TanStack Blog
Your React dashboard shouldn't grind to a halt just because one TODO turns from ☐ to ☑. Yet every optimistic update still kicks off a cascade of re-renders, filters, useMemos and spinner flashes. If y...
❤3👍1🍌1
The Useless useCallback
A look at why useCallback and useMemo can feel like pointless busywork, how just one non‑memoized prop can undo your entire caching strategy, and why new tools like useEffectEvent and React Compiler could put an end to the headaches. - https://tkdodo.eu/blog/the-useless-use-callback
#react
A look at why useCallback and useMemo can feel like pointless busywork, how just one non‑memoized prop can undo your entire caching strategy, and why new tools like useEffectEvent and React Compiler could put an end to the headaches. - https://tkdodo.eu/blog/the-useless-use-callback
#react
tkdodo.eu
The Useless useCallback
Why most memoization is downright useless...
👍2
How Parcel Bundles React Server Components
Parcel added React Server Components support a few months ago but here’s a deeper look at how this support actually works, what directives like "use client" actually do, etc. - https://devongovett.me/blog/parcel-rsc.html
#react
Parcel added React Server Components support a few months ago but here’s a deeper look at how this support actually works, what directives like "use client" actually do, etc. - https://devongovett.me/blog/parcel-rsc.html
#react
devongovett.me
How Parcel bundles React Server Components
Parcel v2.14.0 added support for React Server Components. This post is a deep dive into the internals: how RSCs integrate with a bundler, what directives like "use client" actually do, how code splitting works and how RSCs improve it, etc.
👍2
Remix 3 and the End of React-Centric Architectures - https://thenewstack.io/remix-3-and-the-end-of-react-centric-architectures/
#react
#react
The New Stack
Remix 3 and the End of React-Centric Architectures
Remix 3 challenges the idea that React should be the center of our frontend universe. Instead it puts web fundamentals back in the spotlight.
👍2❤1
Instrumenting Next.js with Runtime Secret Injection - https://phase.dev/blog/instrumenting-nextjs-with-runtime-secret-injection/
#react
#react
phase
Instrumenting Next.js with runtime secret injection | Phase Blog
Leveraging the instrumentation feature in Next.js 14 to inject secrets into applications at runtime.
👍1
18 Advanced React Techniques Every Senior Dev Needs to Know
As React applications grow more complex, the patterns that were “just fine” when you were starting out might start to feel limiting. Maybe you’ve built a successful MVP, but now you’re noticing subtle performance issues. Or perhaps your state management has gotten tangled, and your data fetching logic has mushroomed into something unrecognisable. - https://readmedium.com/18-advanced-react-techniques-every-senior-dev-needs-to-know-13456ba2604c
#react
As React applications grow more complex, the patterns that were “just fine” when you were starting out might start to feel limiting. Maybe you’ve built a successful MVP, but now you’re noticing subtle performance issues. Or perhaps your state management has gotten tangled, and your data fetching logic has mushroomed into something unrecognisable. - https://readmedium.com/18-advanced-react-techniques-every-senior-dev-needs-to-know-13456ba2604c
#react
Readmedium
18 Advanced React Techniques Every Senior Dev Needs to Know
As React applications grow more complex, the patterns that were “just fine” when you were starting out might start to feel limiting. Maybe…
👍2
Unlocking Web Workers with React: A Step-by-Step Guide
Web Workers provide a way to run certain code in background threads, rather than blocking things on the main thread. This adds some complexity and isn’t always a best first step, but it’s worth knowing how it works. - https://www.rahuljuliato.com/posts/react-workers
#react
Web Workers provide a way to run certain code in background threads, rather than blocking things on the main thread. This adds some complexity and isn’t always a best first step, but it’s worth knowing how it works. - https://www.rahuljuliato.com/posts/react-workers
#react
Rahuljuliato
Unlocking Web Workers with React: A Step-by-Step Guide | Rahul's Blog
👍1
React Query Selectors, Supercharged
The latest in Dominik’s epic series of React Query articles. - https://tkdodo.eu/blog/react-query-selectors-supercharged
#react
The latest in Dominik’s epic series of React Query articles. - https://tkdodo.eu/blog/react-query-selectors-supercharged
#react
tkdodo.eu
React Query Selectors, Supercharged
How to get the most out of select, sprinkled with some TypeScript tips.
❤2
How to Build An AI Assistant with LangGraph, Next.js, and Auth0 - https://auth0.com/blog/genai-tool-calling-build-agent-that-calls-calender-with-langgraph-nextjs/
#react
#react
Auth0 - Blog
How to build an AI Assistant with LangGraph and Next.js
Learn how to build a tool-calling AI agent using LangGraph, Next.js, and Auth0. Integrate your own API as tools. Use Google
👍1
Reflections on the React Community
Lee, formerly of Vercel and widely recognized for his influence on Next.js and React, shares candid reflections on the React community, digging into the rise of React Server Components, the tension between commercial and non-commercial priorities, the toll of burnout, and a reminder that, above all, this is still a community of people. - https://leerob.com/reflections
#react
Lee, formerly of Vercel and widely recognized for his influence on Next.js and React, shares candid reflections on the React community, digging into the rise of React Server Components, the tension between commercial and non-commercial priorities, the toll of burnout, and a reminder that, above all, this is still a community of people. - https://leerob.com/reflections
#react
Leerob
Reflections on the React community | Lee Robinson
Some thoughts after working with React for 10 years.
👍2
React Mock Interview: Three Devs Take on a Challenge
Three expert developers (Kent C Dodds, Piyush Agarwal, and Jack Herrington) all take on the same React development challenge to build a form complete with validation, much as if they were facing a job interview. If you’ve got the time to watch a 50 minute video, this is both fun and educational. - https://www.youtube.com/watch?v=5KkaaYl5rwA
#react
Three expert developers (Kent C Dodds, Piyush Agarwal, and Jack Herrington) all take on the same React development challenge to build a form complete with validation, much as if they were facing a job interview. If you’ve got the time to watch a 50 minute video, this is both fun and educational. - https://www.youtube.com/watch?v=5KkaaYl5rwA
#react
YouTube
React Mock Interview: Kent C. Dodds, Jack Herrington & Roadside Coder Solve React Coding Question
Practice React Interview Questions: https://www.greatfrontend.com/questions/react?fpr=shruti79
Book a 1:1 Mock Interview: https://topmate.io/shrutikapoor08
FREE React Guide for React Interviews - http://bit.ly/free-react-guide
What happens when you put three…
Book a 1:1 Mock Interview: https://topmate.io/shrutikapoor08
FREE React Guide for React Interviews - http://bit.ly/free-react-guide
What happens when you put three…
❤3