Volviendo a estudiar Frontend
Aquí nuevamente debido a mi trabajo actual he tenido que volver del backend a estudiar frontend, así que que mejor que empezar a modificar mi propio sitio web para poder ir aprendiendo y organizando el código.
Lo primero que realice fue elegir la tecnología en este caso ReactJS. Luego empece de una plantilla la cual respalde desde un repositorio en github y aplique acciones de gihub para realizar el deploy en este caso en netifly
Se que existirán criticas al elegir una plantilla, pero en verdad necesitaba optimizar mi tiempo y ver que cosas ya existen para luego empezar a mejorar mi propio sitio web
Ciclo de integración continua con github actios
https://github.com/features/actions
Ha sido la mejor experiencia y no es difícil agregar un ciclo de integración continua para realizar el deploy (y últimamente realizo modificaciones sobre mi sitio web a diario)
Lo primero que he tenido que realizar es agregar i18n https://react.i18next.com/ para traducciones de mi sitio web. Fue una tarea ardua pero no es muy complejo. (tal vez muy pronto escriba como lo hice y cuando termine la localización ya que la idea es que reconozca el idioma del browser y te muestre el sitio en el idioma correcto.)
Hay otras cosas que estoy migrando como la plantilla esta realizada en ReactJS sin typescript y quiero dejarlo con typescript y React18 que es la versión más reciente.
Una de las herramientas que más me ha ayudado últimamente con las pruebas para distintos dispositivos es la app https://responsively.app/download/
Es muy buena para probar en distintas pantallas al mismo tiempo.
También estoy en el curso de Fernando Herrera de React Pro https://www.udemy.com/course/react-pro/
y aprendiendo sobre patrones de componentes.
Uno de los artículos que más me dejo pensando fue este https://www.freecodecamp.org/news/best-practices-for-react/
Donde el autor nos lleva por un viaje lleno de tips para buenas practicas con React.
