Vue.js / React

Vue.js / React

Antiguamente cuando construíamos nuestros sitios web colocábamos cada etiqueta a mano en el archivo cuidadosamente. Actualmente está practica se ha perdido. La mayor parte de los sitios web modernos son programas elaborados que hacen de forma constante peticiones a múltiples fuentes de datos y luego generan las etiquetas necesarias para crear el contenido. Son bibliotecas que llaman a servicios web para poner palabras e imágenes en pantalla.

Dos de las elecciones favoritas actualmente para crear estos mecanismos son React y Vue.js, dos fragmentos de código que podemos llamar bibliotecas o marcos. React es de código abierto y está respaldado actualmente por un equipo de Facebook. Esto es un ejemplo de cómo las empresas adoptan código abierto para compartir y desarrollar. Vue vino de Evan You, un ex miembro de Google que quería crear una visión más pequeña y ágil que hace más o menos lo mismo.

Ambos obtienen gran parte de su buen rendimiento al renunciar a rutinas nativas para manipular los bloques de la página web (DOM) Document Object Model. React y Vue crean un DOM virtual paralelo que rastrea todas partes móviles y solo en el último segundo transfiere una colección limpia y optimizada de etiquetas al navegador para su renderizado. El objetivo es evitar que el navegador toque o haga algo con las partes móviles porque la representación del navegador no es tan rápida o libre de problemas como el DOM virtual.

Durante el desarrollo los complementos adicionales ayudan en el entorno de desarrollo respectivo. Existe un complemento Vue.js para la familiar de productos JetBrains como PHPStorm y WebStorm. Para Visual Studio CodePara depurar y analizar las aplicaciones en el navegador podemos encontrar un complemento oficial para Chrome y Firefox. Vue permite flujo de datos unidireccionales, para implementarlo en React, Facebook creo su propia arquitectura de aplicación llamadu Flux a través de un punto de control llamado dispatcher. El dispacher recibe una acción y la transfiere, para posteriormente ser actualizada. Después de terminar las actualizaciones, la vista se cambia a sí misma y envía una nueva acción al dispatcher. Flux nos permite actualizar los datos de forma dinámica.

Autor:

Accede a nuestra sección de proyectos a medida en Diseño Web Barcelona

Comparte este artículo en tus redes sociales

Diseño Web Barcelona