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

GitHub - devjaime/websitepersonal: web site personal
_web site personal. Contribute to devjaime/websitepersonal development by creating an account on GitHub._github.com

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.