¿QUÉ ES Y CÓMO FUNCIONA REACT.JS?

¿Qué es y cómo funciona React.js?

  • Al momento de escoger cuál tecnología usar en el frontend de un proyecto nuevo, nos enfrentamos a una delicada e importante decisión que va a influir mucho en el futuro de nuestra aplicación, por lo que es importante escoger tecnologías que complementen y faciliten el desarrollo
  • React es una biblioteca escrita en JavaScript, desarrollada en Facebook para facilitar la creación de componentes interactivos, reutilizables, para interfaces de usuario. Se utiliza en Facebook para la producción de componentes, e Instagram está escrito enteramente en React. Uno de sus puntos más destacados, es que no sólo se utiliza en el lado del cliente, sino que también se puede representar en el servidor, y trabajar juntos.

 

¿Cómo funciona?

React.js está construido en torno a hacer funciones, que toman las actualizaciones de estado de la página y que se traduzcan en una representación virtual de la página resultante. Siempre que React es informado de un cambio de estado, vuelve a ejecutar esas funciones para determinar una nueva representación virtual de la página, a continuación, se traduce automáticamente ese resultado en los cambios del DOM necesarios para reflejar la nueva presentación de la página.

A primera vista, esto suena como que fuera más lento que el enfoque JavaScript habitual de actualización de cada elemento, según sea necesario. Detrás de escena, sin embargo, React.js hace justamente eso: tiene un algoritmo muy eficiente para determinar las diferencias entre la representación virtual de la página actual y la nueva. A partir de esas diferencias, hace el conjunto mínimo de cambios necesarios en el DOM.

Pues utiliza un concepto llamado el DOM virtual que hace selectivamente sub-árboles de los nodos sobre la base de cambios de estado, desarrollando esto, con la menor cantidad de manipulación DOM posible, con el fin de mantener los componentes actualizados, estructurando sus datos.

¿Cómo funciona el DOM virtual?

Imagina que tienes un objeto que es un modelo en torno a una persona. Tienes todas las propiedades relevantes de una persona que podría tener, y refleja el estado actual de la persona. Esto es básicamente lo que React hace con el DOM.

Ahora piensa, si tomamos ese objeto y le hacemos algunos cambios. Se ha añadido un bigote, unos bíceps y otros cambios. En React, cuando aplicamos estos cambios, dos cosas ocurren:

– En primer lugar, React ejecuta un algoritmo de “diffing”, que identifica lo que ha cambiado.

– El segundo paso es la reconciliación, donde se actualiza el DOM con los resultados de diff.

La que hace React, ante estos cambios, en lugar de tomar a la persona real y reconstruirla desde cero, sólo cambiaría la cara y los brazos. Esto significa que si usted tenía el texto en una entrada y una actualización se llevó a cabo, siempre y cuando nodo padre de la entrada no estaba programado para la actualización, el texto se quedaría sin ser cambiado.

Nuestra misión en Next U es que seas un experto y estés a la vanguardia de la tecnología. Por eso te proponemos que comiences por aprender a desarrollar interfaces de usuario con JavaScript.

CÓMO GANAR MILES DE DÓLARES CAZANDO ERRORES DE SOFTWARE

Cómo ganar miles de dólares cazando errores de software • Facebook, Microsoft y Uber invierten mucho en expertos en códigos informáticos que identifiquen los errores en sus programas. • Si eres un experto en informática, y te interesa ganar miles de dólares desde la comodidad del salón de tu casa, las iniciativas de varias compañías tecnológicas y…

Leer Mas »

CODIFICAR ES DE HOMBRES… Y DE MUJERES TAMBIÉN

Codificar es de hombres… y de mujeres también • Tradicionalmente se han considerado ciertas tareas o carreras más masculinas que femeninas y viceversa, basados en unas supuestas diferencias en la estructura cerebral de ambos géneros. • Sin embargo, estudios neurocientíficos recientes concluyen que no hay diferencia estructural entre el cerebro de un hombre y una…

Leer Mas »

¿CÓMO FUNCIONA LA MENTE DE UN PROGRAMADOR DE SOFTWARE?

• Según estudios de la neurociencia de la programación las tareas de reconocimiento de código tienen más que ver con el lenguaje que con las matemáticas. • Experimentos recientes con programadores web comprueban que para leer el código fuente éstos activan áreas existentes del cerebro típicamente asociadas con el procesamiento del lenguaje y el habla…

Leer Mas »

¿PARA QUE LE SIRVE EL INGLÉS A UN DESARROLLADOR DE SOFTWARE?

¿Para qué le sirve el inglés a un desarrollador de software en América latina? No para mucho, para muchísimo. Mientras estudias y al graduarte, hablar inglés -como una competencia adicional a las habilidades de desarrollo de software– es fundamental, por varias razones: Puedes entender mejor las librerías de programación. Imagina que tienes un problema de…

Leer Mas »

5 Características de un buen Programador JavaScript

Sin duda que la profesión de Programador JavaScript es una de las más interesantes del mercado actual. Si te llama la atención hacerte Programador JavaScript, pero no sabes si tienes las condiciones para ser excelente en esta área, van 5 características que -por consenso- los Programadores dicen que debes tener: Apasionado por tu trabajo El…

Leer Mas »

¿Quieres cambiar de carrera? Aprende a codificar y gana $$$$ muy rápido

Aprende a codificar y aumenta tus ingresos. – El New York Times acaba de publicar un artículo sobre la demanda actual de Desarrolladores y Programadores en el mercado laboral norteamericano. Comienza con la historia de un Bachiller que trabajaba como mesonero ganando $20.000 al año. Luego de un curso breve en programación, su salario subió…

Leer Mas »

Tips para mejores animaciones Web

Tips para mejores animaciones Web – Este parece ser el año en el que la animación web se convertirá en toda una disciplina creativa, según Rachel Nabors, dibujante norteamericana de tiras cómicas, especialista en desarrollo web interactivo, y CEO de TinMagpie.com. Según Nabors, gracias al lanzamiento del nuevo protocolo de animación web, 2015 es el…

Leer Mas »

Las oportunidades laborales en el desarrollo web

Las oportunidades laborales en el desarrollo web – Muchos de nuestros estudiantes nos han pedido información más precisa sobre los salarios a los que pueden aspirar en el campo del desarrollo y programación online. Para responder sus preguntas hemos investigado lo que se publica en la red, además de haber realizado algunas entrevistas a Desarrolladores…

Leer Mas »

Los Lenguajes de Codificación más populares en 2015

CodeEval, una comunidad de más de 40.000 desarrolladores, publica anualmente su ranking de los lenguajes de codificación más populares, basándose en el procesamiento de más de 600,000 códigos utilizados por más de 2.000 empleadores. El ranking da una idea muy clara sobre las tendencias de la mayoría de las empresas de tecnología para cada año…

Leer Mas »