8. Jugando con los estados de React
Han sido varias las veces que he trabajado con estados en frameworks reactivos como React, pero es la primera vez que he hecho algo con mis propias manos.
Y todo es porque, tras la última sesión, quiero montar un tinder filosófico, esto si que es una frikada grande. 😱
El paso primero es entender como gestionar los estados de la forma más sencilla posible. Así que he aislado el problema, tal y como os contaba en el newsletter de hace unas semanas. (Puedes suscribirte gratis).
Generamos una nueva aplicación con create-react-appy lanzamos las primeras líneas.
En los estados voy a guardar la lista de autores (ya veremos adelante lo que votamos) y los votos. Podremos votar, como en el tinder, si nos gusta o no nos gusta.
A partir de aquí surgen las preguntas sobre cómo almacenar e interactuar con la información.
Así que decido lo siguiente:
- Se puede votar en positivo o en negativo
- Si he votado, se puede deshacer el voto
- Si se vota en positivo después de votar en negativo, el voto cambia de signo.
- No se puede votar dos veces en el mismo sentido
Los datos se almacenan en sesión, de momento nada se guarda en el philosophers-api, aunque ya empieza a hacer falta un Modelcon el nombre Vote.
Y el resultado me gusta, porque se ha podido generar en muy poco tiempo.
Puedes ver el código y jugar con él aquí:
