React

Server Side Rendering with React and Redux

, ,

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

0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *