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

#751

En el curro usamos Styled Components, a mi me gusta bastante pero claro es distinto trabajar con diseños de diseñadores que no tener nada y tener que imaginar tu lo que quieres hacer.

En el sideproject empecé a usar tailwind y acabé un poco frustrado por no estar familiarizado con sus "shorthands". Pero creo que la frustración también venía de tener que diseñar yo absolutamente todo. Por eso para sideproject acabo usando Chakra, y si necesito que luzca de manera diferente pues lo customizo.

Para el tema del theme es muy facil con Chakra.

#752 #753 #754 gracias, no se porque tenía la idea de que Chakra era como Tailwind y eso no es lo que busco, he estado mirando y Chakra hace todo lo que necesito, tiene lo de los temas, responsive...

Acabo de descubrir XState y me parece muy chulo, ¿lo habéis probado? ¿Qué os gusta más Xstate o redux?

#757 no es lo mismo pero desde que uso react-query me apaño perfectamente sin redux

¿Alguno os habéis visto esta lista de midudev?
Realmente sigue el curso de fullstackopen pero da sus pinceladas y no tiene mala pinta. Voy a empezar a ver React con él, espero aprender algo jajajajaja

https://www.youtube.com/playlist?list=PLV8x_i1fqBw0Kn_fBIZTa3wS_VZAqddX7

#766 Como tienes ordenada las jerarquias? Probablemente con composición puedas evitar tirar de redux/context, a ver cómo tienes todo ordenado?

#768 en ese caso no te vale con pasar también el step a la barra y mostrar lo que quieras según eso?

#770 Puedes crear un HOC que acepte dos props, una el contenido de la pagina (step.body) y el otro la lista de elementos a mostrar (step.header), luego cada pagina la haces metiendo ambos elementos y creo que es justo lo que quieres

Básicamente usar el slot pattern https://dev.to/hryggrbyr/using-slots-in-react-pcp en un compo que solo se encargue de hacer el layout y ordenar esos dos componentes

Pensáis en componentes cuando deberíais pensar en estado. La UI es una máquina de estados.

Tu app está en el paso 2, se ven los botones del paso 2. Fin.

#774 #773 mi duda concreta era donde van esos botones, porq ahora mismo tengo el wizard q lo unico q sabe es en que paso esta y segun el paso pinta paso2.botones y paso 2.contenido, y tengo 2 archivos para cada paso

no tengo un contendor de botones con 30 botones q se ocultan segun el paso, le paso lso botones concretos q tiene q pintar

Levanto esto para una duda que no se ya que buscar o como resolverla.

Tengo un contexto, su provider y demas.
Me he puesto a mirar de organizar un poco el codigo y he querido extraer de un useeffect la llamada a la api para tenerlo todo bien ordenadito.
Problema? una vez que lo saco me peta. Se que el problema este seguramente en el provider ya que me estara cargando todo sin actualizar el estado, pero no se como coño solucionarlo. Ya digo, si dejo la llamada en el useeffect, me funciona sin problemas, si lo extraigo a un servicio para aislar las peticiones y simplemente pasarle los datos al useeffect del context, me peta.

La idea es no usar redux.

Por si me he liado un poco explicandolo,

esto sirve:

useEffect(() => {
    axios.get(URL)
      .then((response) => {
        const { data } = response
        setList(data)
      }) 
  }, [])

esto también sirve:

useEffect(() => {
    const fetchData = async () => {
      const data = await getAll()
      setList(data)
    }
    fetchData()
  }, [])

esto no:

useEffect(() => {
    getAll().then((data) => {
        setList(data)
      })
  }, [])