Server side render(SSR) Vs Client render

Pregunta de la clase:
Alvaro Robles

Alvaro Robles

Pregunta
studenthace 8 años

Hola!, he leído sobre el render en el servidor y el render en el cliente, sin embargo aun no quedo satisfecho, ¿Cuando es bueno usar SSR?, ¿Cuando es bueno usar Client render?, ¿Cuando mixto?, ¿Por que?

Saludos

2 respuestas
para escribir tu comentario
    mario godinez medina Godinez Medina

    mario godinez medina Godinez Medina

    studenthace 8 años

    Eres grande Sergio!

    Sergio Daniel Xalambrí

    Sergio Daniel Xalambrí

    studenthace 8 años

    Hay dos razones para hacer SRR, la primera es hacer progressive enhancement para que tu app funcione (aunque sea de forma básica) sin JS.

    La segunda es por una cuestión de rendimiento, enviar el HTML desde el servidor hace que la página parezca que carga más rápido, esto a su vez mejora dos cosas, la UX y el SEO, la UX porque los usuarios reciben el contenido más rápido, el SEO porque los spiders obtienen el contenido más rápido (los spiders ya interpretan JS, el SSR mejora el SEO solo por el rendimiento).

    La primera razón es opcional, la segunda razón nunca debería serlo (más por UX que por SEO). Por esa razón siempre deberías hacer SSR.

    Sobre CSR (Client Side Render), hacerlo te permite actualizar tu UI sin recargar la página y hasta mejorar el rendimiento en el cambio de vistas, ya que navegar de una vista a otra es solo traerse datos de un API y hacer CSR para mostrarlos, no hay que recargar la página nunca. Por esto hacer CSR es casi siempre un requisito, podrías no hacerlo, pero en ninguna app moderna no existe la necesidad de actualizar la UI después de que el usuario realiza acciones.

    ¿Cuando mixto? Siempre, ya que siempre deberías hacer SSR y casi siempre vas a necesitar CSR, por lo que deberías hacer mixto siempre.

Curso Profesional de React con Redux 2016

Curso Profesional de React con Redux 2016

Desarrolla apps modulares en Javascript con React.js, la librería de más crecimiento en la web, creada por Facebook. Aprende desarrollo ágil de aplicaciones web con Redux y JSX.

Curso Profesional de React con Redux 2016
Curso Profesional de React con Redux 2016

Curso Profesional de React con Redux 2016

Desarrolla apps modulares en Javascript con React.js, la librería de más crecimiento en la web, creada por Facebook. Aprende desarrollo ágil de aplicaciones web con Redux y JSX.