He estado trabajando en una aplicación web llamada "Heat", el único propósito de la aplicación es ayudarme a aprender y aplicar JavaScript y mejorar mi CSS, y también mucho backend. El plan era crear una aplicación web visualmente atractiva con un par de funciones divertidas.

Lo que he aprendido en el proceso:

La interfaz está construida usando reaccionar js, elegí reaccionar solo por curiosidad y por descubrir de qué se trata, uno de mis objetivos era integrar algunas API de Google en el proyecto, el que elegí fue Google Maps. API, la estoy usando para Autocompletar de la barra de búsqueda. La implementación no fue demasiado difícil debido a la biblioteca de Reacts -> @react-google-maps/api que ayuda a integrar las funciones de Google Maps para reaccionar aplicaciones. El componente de búsqueda se integrará con la sección para agregar restaurantes.

El front-end está alojado en netlify, que está vinculado a mi github y actualiza automáticamente la aplicación cada vez que se envía al repositorio remoto, fue bastante sencillo.

Heat es una aplicación de página única (SPA) y la implementación se administra a través del DOM de React Router, permite la navegación en el lado del cliente asignando URL a componentes. Esto significa que los usuarios pueden visitar diferentes partes de la aplicación a través de diferentes URL, aunque toda la aplicación esté cargada como una única página HTML.

En qué estoy trabajando actualmente:

Actualmente estoy trabajando en los elementos Registrar, Iniciar sesión y Cerrar sesión de la aplicación que están respaldados por Flask/Python. Flask también tiene un par de bibliotecas que ayudan en el proceso de desarrollo, como SQLAlchemy y Login Manager. El back-end ha tenido una curva de aprendizaje suave en comparación con el front-end. Todavía estoy lidiando con useState y useEffect, que son enlaces clave en reaccionar para administrar el estado.

Después de completar el elemento de autenticación de la aplicación, estoy considerando migrar a Java para el BackEnd. ¿Pensamientos?

Mucho aprendizaje. #Reaccionar #JavaScript #Flask #Desarrollo Web