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
3 React Experts vs 1 React Interview Challenge | Kent C. Dodds, Jack Herrington & Roadside Coder
Practice React Interview Questions: https://www.greatfrontend.com/questions/react?fpr=shruti79
Book a 1:1 Mock Interview: https://topmate.io/shrutikapoor08
React Coding Interview: Kent C. Dodds, Jack Herrington & Roadside Coder Solve React HARD Question…
Book a 1:1 Mock Interview: https://topmate.io/shrutikapoor08
React Coding Interview: Kent C. Dodds, Jack Herrington & Roadside Coder Solve React HARD Question…
❤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
Learn how to compose client and server components effectively in React. 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.
👍5
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👍2
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…
❤3
React’s useTransition and State Update Reordering - https://jordaneldredge.com/notes/react-rebasing/
#react
#react
Jordaneldredge
React’s useTransition and state update reordering / Jordan Eldredge
Clarifying how React will sometimes apply state updates out of order when using concurrent features, and a best practice which can help you avoid it.
❤1👍1
Optimizing PWAs for Different Display Modes - https://www.smashingmagazine.com/2025/08/optimizing-pwas-different-display-modes/
#react
#react
Smashing Magazine
Optimizing PWAs For Different Display Modes — Smashing Magazine
Progressive Web Apps (PWAs) are a great way to make apps built for the web feel native, but in moving away from a browser environment, we can introduce usability issues. This article covers how we can modify our app depending on what display mode is applied…
👍1
React Server Components Support Without a Framework?
If you don’t want to use Next.js (or even the minimal Waku framework) but you want to play with React Server Components, this is for you. Krasimir built a tool to split code across the client/server divide so you can run RSCs without a framework. - https://krasimirtsonev.com/blog/article/vanilla-react-server-components-with-no-framework
#react
If you don’t want to use Next.js (or even the minimal Waku framework) but you want to play with React Server Components, this is for you. Krasimir built a tool to split code across the client/server divide so you can run RSCs without a framework. - https://krasimirtsonev.com/blog/article/vanilla-react-server-components-with-no-framework
#react
krasimirtsonev.com
React Server Components support without a framework
React Server Components support without a framework / I was at ReactSummit this June and spoke with some folks from Vercel about Next.js and RSC support outside of the framework. I really wanted to try all the cool stuff but couldn’t afford to migrate my…
👍1
react-window 2.0: Render Large Lists of Data Quickly
A component library for rendering large lists of data quickly and without the performance problems that often go along with that. There are several examples to check out, and React 18 is now required. - https://react-window.vercel.app/
#react
A component library for rendering large lists of data quickly and without the performance problems that often go along with that. There are several examples to check out, and React 18 is now required. - https://react-window.vercel.app/
#react
react-window.vercel.app
react-window: React components for rendering large lists and grids
Documentation for react-window.
react-window is a set of React components for rendering large lists and grids.
This website contains demos and code samples showing how to use the library.
react-window is a set of React components for rendering large lists and grids.
This website contains demos and code samples showing how to use the library.
👍1
Using Activity with Suspenseful Data
Components hidden by React 19’s Activity will maintain their state while also unmounting their effects and continue to preload suspenseful data – here’s what makes that useful. - https://www.simeongriggs.dev/use-the-activity-boundary-to-hide-suspenseful-components
#react
Components hidden by React 19’s Activity will maintain their state while also unmounting their effects and continue to preload suspenseful data – here’s what makes that useful. - https://www.simeongriggs.dev/use-the-activity-boundary-to-hide-suspenseful-components
#react
www.simeongriggs.dev
Using Activity with Suspenseful data | simeonGriggs.dev
Components hidden by Activity will maintain their state while also unmounting their effects and continue to preload suspenseful data—here's what makes that useful.
👍1
A Guide to Styling React Components
A comparison of a few different approaches including styled components, CSS Modules, and Tailwind. - https://www.telerik.com/blogs/ultimate-guide-styling-react-components
#react
A comparison of a few different approaches including styled components, CSS Modules, and Tailwind. - https://www.telerik.com/blogs/ultimate-guide-styling-react-components
#react
Telerik Blogs
The Ultimate Guide to Styling React Components
React has many styling solutions to choose from. The right one will help you ship great UX while keeping your codebase maintainable and your team productive.
👍1🔥1
react-json-view-lite: Render JSON as a Tree
A lightweight component for visualizing JSON in a way that retains its basic formatting and JSON-ness but that lets you collapse or expand arrays and objects and see the structure more easily. - https://github.com/AnyRoad/react-json-view-lite
#react
A lightweight component for visualizing JSON in a way that retains its basic formatting and JSON-ness but that lets you collapse or expand arrays and objects and see the structure more easily. - https://github.com/AnyRoad/react-json-view-lite
#react
GitHub
GitHub - AnyRoad/react-json-view-lite: Lightweight Json view component for React
Lightweight Json view component for React. Contribute to AnyRoad/react-json-view-lite development by creating an account on GitHub.
👍1
An Interactive Guide to TanStack DB
TanStack DB is the latest project from the popular TanStack collection and offers an embedded client‑side database that uses differential dataflow to power live, relational queries, sub‑ms incremental updates, and optimistic writes. But what does that mean in real life? Maxi spent a week playing with it to see what makes it tick and where it enhances the TanStack Query experience. - https://frontendatscale.com/blog/tanstack-db/
#react
TanStack DB is the latest project from the popular TanStack collection and offers an embedded client‑side database that uses differential dataflow to power live, relational queries, sub‑ms incremental updates, and optimistic writes. But what does that mean in real life? Maxi spent a week playing with it to see what makes it tick and where it enhances the TanStack Query experience. - https://frontendatscale.com/blog/tanstack-db/
#react
Frontendatscale
An Interactive Guide to TanStack DB | Frontend at Scale
Learn what TanStack DB is, how it works, and why it might change the way you build apps.
❤3👍3
The Talks from React Universe Conf 2025
React Universe Conf 2025 took place last week in Poland and there were some great talks including Meta’s Jorge Cohen talking about React Native releases in 2025, Christoph Nakazawa on building scalable applications, and Aurora Scharff digging into modern React development patterns. - https://www.youtube.com/playlist?list=PLZ3MwD-soTTGHD999pxTX1r_6JORpOr0C
#react
React Universe Conf 2025 took place last week in Poland and there were some great talks including Meta’s Jorge Cohen talking about React Native releases in 2025, Christoph Nakazawa on building scalable applications, and Aurora Scharff digging into modern React development patterns. - https://www.youtube.com/playlist?list=PLZ3MwD-soTTGHD999pxTX1r_6JORpOr0C
#react
👍1