All Questions

I want to make one feature that is similar to linkdn profile upload feature.

I am working on this lab on freeCodeCamp. I am having issues with the setInterval() method as well as the useEffect hook. Once I click on the button, with every passing second, the timer state ...

I have a React 19 + Vite 7 + TypeScript app that works perfectly in development but crashes immediately when I build for production and serve it. After a successful build I preview the output using ...

Like i have a button which contains left icon, right icon and badge in it. import { Slot, Slottable } from "@radix-ui/react-slot"; const Button = ({ asChild, children, leftIcon, ...

I have a mobile application built using React Native (Expo), and the app is already fully functional. I am currently using Firebase for authentication, cart management, and real-time features like ...

I have been trying to optimize one of my team's component and despite successfully reducing the number of re-renders I have noticed one unexpected re-render that I just can't wrap my head around. The ...

I'm writing unit tests in React and we're using Jest. I have a component that takes in some basic information on a user profile, first name, last name, address, city, state, zip. The form is in a ...

Uncaught runtime errors: × ERROR [HMR] Hot Module Replacement is disabled. at ./node_modules/webpack/hot/dev-server.js (http://localhost:3000/static/js/bundle.js:5819:9) at options.factory (http://...

I am trying to adjust my sidebar in a dashboard and I load the value from localstorage and I get this issue from Next.js A tree hydrated but some attributes of the server rendered HTML didn't match ...

I am experiencing performance bottlenecks in a large form (100+ uncontrolled inputs) after migrating to React 19's useActionState. The Setup: I use uncontrolled components with defaultValue to keep ...

I am running a React project on Windows 11 using VS Code. My terminal shows 'Compiled successfully' on port 3000 (and I've tried 4000 too), but the browser (Chrome/Firefox/Edge) always shows '...

I keep seeing the Container/Presentational pattern when looking for ways to structure react components. I love the idea of separation of concerns and separating out the data from the view, but then ...

I’m currently working on a React project and I’m trying to determine when to use useState (i.e., local state) versus introducing Redux for managing state. While I understand that Redux can be powerful ...

I am replacing the logging system in a large React Router application and the challenge I have is that I want to use a different logger depending on whether the code is running on the server or the ...

With the release of React 19, the traditional way of handling forms (using useState for isLoading, isError, and data) is being replaced by actions and the useActionState hook. However, I'm struggling ...