¿Que son las Render Functions y JSX?

Clase 4 de 34Curso Avanzado de Vue.js 2 y Firebase por Bedu

Resumen

Las render functions son funciones que se encargan de renderizar contenido, interpretar nuestros elementos escritos en JavaScript y transformarlos a código plantilla. Estas funciones proveen mayor control de la lógica de negocio y permiten una transición o curva de aprendizaje más ligera.

Frameworks como React utilizan estas funciones gracias a JSX (una “JavaScript eXtension”) porque nos permite escribir código JavaScript similar a HTML y XML. Nosotros vamos a utilizar un plugin para implementar estas características con Vue.

Desventajas:

  • En ocasiones suele volverse complicado
  • Perdemos algunas características y directivas del framework (v-bind, v-if, v-for)
  • Generalmente, hay muy poca documentación