JavaScript (abreviado comúnmente JS) es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,​ basado en prototipos, imperativo, débilmente tipado y dinámico.

Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas4​ y JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es también significativo.

Siguiendo mi intención de profundizar en el aprendizaje de ‘FrontEnd’, he seguido toda una serie de cursos pertenecientes a Udemy. De vez en cuando realizan ofertas y no he dudado en comprar todos los cursos impartidos por Stephen Grider . Stephen en muy bueno impartiendo cursos, lleva las explicaciones al extremo y todo muy bien documentado.

Este me ha llamado especialmente la atención:

Server Side Rendering with React and Redux

Lo aprendido:

  • Understand the challenges of Server Side Rendering
  • Build a server side rendering boilerplate project
  • Use React, Redux, and React Router to conquer Search Engine Optimization
  • Master techniques for data loading on the server
  • Construct server architectures that can easily scale for large apps

En el curso se indicaba que renderizar desde el servidor aumentaba la velocidad en la carga inicial del sitio. En las etapas finales del curso se implementaba código para realizar SEO (Seach Engine Optimization) pero no se profundizaba demasiado en el tema.

Para completar información, he realizado una búsqueda en la red y he encontrado un enlace que nos trae más luz sobre el tema. Parece ser que «frameworks» tales como Angular o React tienen problemas para que Google posicione las aplicaciones creadas con ellos y que pueden tener problemas de rendimiento al servir la primera página. Se encuentra en las páginas de lemoncode.net

El código implementado durante el curso lo tengo disponible en el repositorio de GitHub:

https://github.com/josecho/SSRendering.git

Para las llamadas a API se hace uso de un proxy y se utiliza el rehidratado para el tema de las variables que guardan estado.

En un futuro próximo retomaré el tema para profundizar un poco más.

jlvbCoop