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…

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.

By Jaime Hernández on April 12, 2022.

Canonical link

Exported from Medium on March 15, 2025.