Clases del Curso Profesional de React Hooks

que es mejor useReducer o manejar reducer con Redux
ya no entendí jejeje

¿Cual es la fuente que usa el instructor en VScode?

Hola compañeros, para solucionar el bug que se genera en el curso realice la siguiente solución, pero no estoy seguro de que sea correcta, lo arregle modificando unicamente el cursom hook useIntialState como se muestra a continuación:

import { useState } from"react";
import initialState from '../initialState';

const useInitialState = () => {
  const [state, setState] = useState(initialState);
  // const [cart, setCart] = useState(false)
  let cart = false
  const validar = (item,payload) => {
    if(cart){
      // debugger
      return true
    }
    else if(item.id === payload.id){
      // debugger
      // setCart(true);
      cart = true
      return false
    }else if(item.id !== payload.id){
      return true
    }
  }
  const addToCart = payload => {
    setState({
      ...state,
      cart: [...state.cart, payload]
    });

  }

  const removeFromCart = payload => {
    setState({
      ...state,
      cart: state.cart.filter( (item) => validar(item,payload) )
    });
    // setCart(false)
    cart = false
    // debugger
  }

  return {
    addToCart,
    removeFromCart,
    state,
  };
}

export default useInitialState;

como se puede notar, esta comentado un intento que realice con useState, finalmente no lo use porque no logro entender en que momento se actualiza el estado usando useState?, porque lo que me paso fue que al usar setCart(true) en la siguiente iteración de la función filter, mi estado cart continuaba en false y yo esperaba que fuera true debido a la ejecución de setCart(true), por ello al final solamente use let cart para intercambiar entre true y false
Espero haberme dado a entender.

¿Qué pasa si tengo muchos valores que quiero tener en mi contexto, por ejemplo puedo mandar un array o un objeto?

Esta buenísimo! pero me acaba de surgir una duda, como utilizamos o remplazamos por completo el uso de useContext en las clases ? (estoy justo trabajando un componente grande hecho con clases y es mucho trabajo el solo cambiarlo por algo tan sencillo)

Una duda, ¿el hook useState solo funciona dentro del componente que es declarado? ¿hay alguna forma de hacerlo “global”?

Alguien sabe por qué mi webpack serve no detecta los cambios si mis archivos estan en widnows 10 y utilizo wsl2?
En el home de wsl2 si funciona todo bien pero quisiera hacerlo funcionar en windows 10

¿por qué es necesario usar useEffect y no se puedo solo usar axios y setMap y que todo hook sea una función asyncrona ?

Estoy siguiendo los pasos de dotenv pero desaparece el boton de paypal pero si dejo la variable directa si sale, alguna ayuda

¿Cómo puedo hacer para no escribir el clientID de forma directa en el código, se puede usar una variable de entorno o algo así? Entiendo que para enseñar esta bien pero ya en algo real que sale a producción estas claves no se pueden subir en el código…