[React] Hilo General - Una librería para atraerlos y atarlos a todos

#633 Que la api mola? Que uses la misma declaración solo cambiando el tipo de parametro me da mal rollo. Para cambiar totalmente el objetivo del hook. HELL NO

import create from 'zustand'

const useStore = create(set => ({
  bears: 0,
  increasePopulation: () => set(state => ({ bears: state.bears + 1 })),
  removeAllBears: () => set({ bears: 0 })
}))
function BearCounter() {
  const bears = useStore(state => state.bears)
  return <h1>{bears} around here ...</h1>
}

function Controls() {
  const increasePopulation = useStore(state => state.increasePopulation)
  return <button onClick={increasePopulation}>one up</button>
}

Lo siento, pero no, eso me da escalofríos porque la gente no sabrá usarlo y estará igual que con useState creando 10 useStates por componente.

#635 Será por la mañana y no me habré explicado bien.

Cuando creas useStore con zustand, la declaras todo perfecto.
Pero cuando quieres acceder a 2 tipos de cosas diferentes dentro del store, además que no es estado únicamente,si no son acciones y estado. Solo lo cambias por su manera de llamarlo:

state => state.increasePopulation
o
state => state.bears

2 lineas de codigo que son 1 estado y 1 acción. Solo lo sabes por el nombre, pero nada más porque zustand te hace agnostica la logica de modificacion de estado de 'increasePopulation' con su filosofia de libreria.

A mi eso me parecen 2 cosas:
1 - Tendrás que ir revisando que la acción dentro de tu "microstore". Si no confias tu codigo ciegamente.
2 - No se que diferencia tiene en hacer un useReducer, no le veo ningun tipo de beneficio. Prefiero que los programadores(monos) de mi equipo sepan utilizar apis de la libreria(reactjs) que librerias randoms xd

Respecto lo que comentas del destructuring:
Estoy leyendo su documentación y es para cuando tienes un estado con multiples valores, solo te interesa coger uno para que no haya updates innecesarios.

Siento que estas librerías no aportan nada, son capas sobre capas.

#633 A mi de esta misma gente me gusta esta de estado: https://github.com/pmndrs/jotai

Es tipo recoil.js.

Edit: Ya que estamos comparto algo más de esta org:

Para ver como va la libreria estos videos son bastante ilustrativos: https://egghead.io/courses/manage-application-state-with-jotai-atoms-2c3a29f0

Otra libreria guay: react-three-fiber. Wrapper de threejs en react usando react-reconciler (no hay nada hardcoded, es solo el renderer): https://github.com/pmndrs/react-three-fiber (aparte tienen varias librerias relacionadas con 3D usando react).

#624 Llevo poco utilizando React y la verdad es que me ha gustado leerte porque son cosas que suelo hacer.

El tema del useReducer sí que lo he pensado en cuanto lo he visto. Imagino que tú habrías preferido un reducer y que el estado fuera un objeto con las propiedades que tanto usa aquí tu compi y luego modificarlo con dispatch. Más mantenible, más sencillo.

Lo que no te he entendido es lo de las llamadas a la API. Cómo lo habrías hecho tú? Con un custom hook o a qué te refieres exactamente?

Me encanta leeros porque me doy cuenta del largo (y emocionante) camino que me queda para ser un buen dev.

Estoy haciendo un poco de React. Por que esto? No se explicar la duda muy bien, voy a suponer que la gente que domina entendera el problema y el porque.

Este tira error de linter porque no le estoy pasando staticVariable al hook...

  const staticVariable = 10;
  useEffect(() => {
    console.log(staticVariable);
  });

Si hago esto:

 const staticVariable = 10;
  useEffect(() => {
    console.log(staticVariable);
  }, [staticVariable]);

en mi caso concreto, se quedaba pillado y recargaba constantemente las componentes, peta

y he tenido que hacer esto

  const [staticVariable] = useState<Number>(10);
  useEffect(() => {
    console.log(staticVariable);
  }, [staticVariable]);

y asi si funciona bien y el linter no se queja.

Quiero hacer la primera, entiendo que salte el linter por si la lias pero en este caso daba igual porque no tenia componentes por debajo para propagar... Asique es el linter que no esta analizando bien el codigo XD

Hacer 3 tiene algun sobre coste respecto a 1? No deberia preocuparme? Lo he resuelto mal?

Tansolo quiero una variable estatica/immutable que no va a cambiar en la calusura de hook.

#650

const staticVariable = 10;
  useEffect(() => {
    console.log(staticVariable);
  }, []);