I just build a next.js application in that I use react context and react reducer to authenticate users and this is my context code: import React from "react"; import { createContext, useC...

I was in a impression that both useState and useReducer works similarly except the fact that we should use useReducer when the state is complex/nested objects. But today I found a strange behavior,...

I have a mini shopping cart application that uses useState. I now want to refactor the application's state to be managed by useReducer and continue to persist data with localStorage. I'm having tro...

My bestSellerDummy data doesn't change, so I'd like to prevent the same Product child to be rerendered if parent rerenders. I have tried using useMemo in parent and React.memo in child but no luck,...

Hier is an example of a problem I encountered: import ReactDOM from "react-dom/client"; import React, { useState, useEffect } from "react"; const App = () => { // pro...

greetings im having a little of a trouble implementing an useReducer in a typeStript application, i have several mistakes (all of then on the reducer) but this one is the most commom throu the app,...

From the docs: [init, the 3d argument] lets you extract the logic for calculating the initial state outside the reducer. This is also handy for resetting the state later in response to an action...

I'm brand spanking new to react. I am officially done beating my head against a wall. I just can't figure this out. This is my situation: I am trying to get the results of an API call into a table....

I just wanna know is it possible to use useReducer, as I use it inside UseEffect fetched data => State => useReducer(..., State) const [initialData, setInitialData] = useState({ name: 'ass' ...

I found that in the official next.js example, state and dispatch were put info separate context providers. What was the point of doing so? Does this practice prevent unnecessary re-renders? export ...

Suppose I implement a simple global loading state like this: // hooks/useLoading.js import React, { createContext, useContext, useReducer } from 'react'; const Context = createContext(); const {...

I am working on something where I need to maintain the application level state i.e global state, I am using react hooks for that useContext and useReducer. So what I am doing is on button click I a...

If we see in the doc example: https://reactnavigation.org/docs/auth-flow/ : function SignInScreen() { const [username, setUsername] = React.useState(''); const [password, setPassword] = React.us...

Is it possible to send multiple actions with a dispatch function when using the useReducer hook in react? I tried passing an array of actions to it, but that raises an unhandled runtime exception. ...

In my application, I am using React Hooks/Context API. Now I need to assign fetched data from localStorage to initialState.carts / state.carts whenever my Provider component did mount. It would pos...