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…
❤4
Server and Client Component Composition in Practice - https://aurorascharff.no/posts/server-client-component-composition-in-practice/
#react
#react
aurorascharff.no
Server and Client Component Composition in Practice | Aurora Scharff
In this blog post, I will show you how to compose client and server components effectively in React. We will explore patterns for keeping responsibilities clear, optimizing performance, and creating reusable components.
👍4
React ChatBotify: React Library for Building Chatbot Systems
A platform and library for building modern chatbot tools for the Web. Supports React 16-19. It also has its own Discord community with a few hundred developers. - https://github.com/react-chatbotify/react-chatbotify
#react
A platform and library for building modern chatbot tools for the Web. Supports React 16-19. It also has its own Discord community with a few hundred developers. - https://github.com/react-chatbotify/react-chatbotify
#react
GitHub
GitHub - react-chatbotify/react-chatbotify: A modern React library for creating flexible and extensible chatbots.
A modern React library for creating flexible and extensible chatbots. - react-chatbotify/react-chatbotify
1👍5
Can We Use Local Storage Instead of Context/Redux/Zustand?
Sometimes the built-in localStorage browser API can be just enough. Nadia figures out when it makes sense and when it doesn’t. - https://www.developerway.com/posts/local-storage-instead-of-context
#react
Sometimes the built-in localStorage browser API can be just enough. Nadia figures out when it makes sense and when it doesn’t. - https://www.developerway.com/posts/local-storage-instead-of-context
#react
Developerway
Can We Use Local Storage Instead of Context-Redux-Zustand?
Why do we need Context/Redux/Zustand in React, what is the purpose of Local Storage, its limitations, and when to use it.
👍4
Streamdown: A Drop-In react-markdown Replacement That Supports Streaming
react-markdown is great for rendering Markdown, but if you have to handle live-streaming content (such as in AI contexts), Vercel’s new project could offer the power you need - https://streamdown.ai/
#react
react-markdown is great for rendering Markdown, but if you have to handle live-streaming content (such as in AI contexts), Vercel’s new project could offer the power you need - https://streamdown.ai/
#react
streamdown.ai
A drop-in replacement for react-markdown, designed for AI-powered streaming.
👍2❤1
A 'Go to Source' Feature for TanStack Devtools
The original title ‘I blow your mind with TanStack Devtools in under 10 minutes’ might be a little intense, but 5 minutes in, Alem does show off a genuinely neat ‘go to source’ feature that works across any JSX flavor. Click on whatever component you want in the devtools and go straight to the code behind it. - https://www.youtube.com/watch?v=wQ-X501kgpg
#react
The original title ‘I blow your mind with TanStack Devtools in under 10 minutes’ might be a little intense, but 5 minutes in, Alem does show off a genuinely neat ‘go to source’ feature that works across any JSX flavor. Click on whatever component you want in the devtools and go straight to the code behind it. - https://www.youtube.com/watch?v=wQ-X501kgpg
#react
YouTube
I blow your mind with TanStack Devtools in under 10 minutes.
In todays video I show you how to add TanStack Devtools to your project, it's new go to source feature and a lot more in under 10 minutes!
I am also an epic-instructor on Epic Web, if you're interested in my upcoming react-router courses feel free to subscribe…
I am also an epic-instructor on Epic Web, if you're interested in my upcoming react-router courses feel free to subscribe…
❤2