React js - Historial de revisiones

Hariseldon en 13:03 6 oct 2021

2021-10-06T13:03:10Z

Jesusrlm: Ultima versión estable

2020-12-16T16:04:01Z

Ultima versión estable

Javiermartin jc: Texto reemplazado: «
» por «»

2019-07-06T22:19:32Z

Texto reemplazado: «<div align="justify">» por «»

Hiroshi: /* ¿Cómo funciona el DOM virtual? */

2017-07-05T12:27:54Z

‎¿Cómo funciona el DOM virtual?

Hiroshi en 13:59 29 jun 2017

2017-06-29T13:59:15Z

Jacqueline GT en 15:44 20 jun 2017

2017-06-20T15:44:15Z

Hiroshi: Página creada con «{{Ficha Software |nombre=React JS |familia=JavaScript |imagen=react-logo.png |tamaño= |descripción=Biblioteca de programación |imagen2= |tamaño2= |descripción2= |cread...»

2017-06-19T16:01:01Z

Página creada con «{{Ficha Software |nombre=React JS |familia=JavaScript |imagen=react-logo.png |tamaño= |descripción=Biblioteca de programación |imagen2= |tamaño2= |descripción2= |cread...»

Página nueva

{{Ficha Software
|nombre=React JS
|familia=JavaScript
|imagen=react-logo.png
|tamaño=
|descripción=Biblioteca de programación
|imagen2=
|tamaño2=
|descripción2=
|creador= Jordan Walke
|desarrollador=
|diseñador=
|modelo de desarrollo=
|lanzamiento inicial=2013
|versiones=
|última versión estable=15.0.1
|género=
|sistemas operativos=Multiplataforma
|idioma=
|licencia=Licencia BSD + Patents Clause
|premios=
|web=
}}
<div align="justify">

''' React ''' es una [[biblioteca]] escrita en [[JavaScript]] de código abierto, 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.<br>
==Historia==
React fue creada por Jordan Walke, un ingeniero de software en [[Facebook]]. Influenciado por [[XHP]], un marco de componentes de [[HTML]] para [[PHP]].
==¿Cómo funciona React?==
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 modeló 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 un 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.
== Fuentes ==

*[https://facebook.github.io/react/]. Disponible en [https://facebook.github.io/react/]. Consultado 19 de Junio del 2017
*[https://platzi.com/blog/intro-react-js]. Disponible en [https://platzi.com/blog/intro-react-js]. Consultado 19 de Junio del 2017
*[https://devcode.la/blog/como-funciona-reactjs/]. Disponible en [https://devcode.la/blog/como-funciona-reactjs/]. Consultado 19 de Junio del 2017

[[Category:Programación]][[Category:Informática]]
[[Category:Lenguajes_de_programación_orientada_a_objetos]]
[[Category:Lenguajes_de_programación]]

← Revisión anterior		Revisión del 13:03 6 oct 2021
Línea 38:		Línea 38:
	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 un 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.		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 un 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.

		+	== Véase también ==
		+	* [[React-native]]
		+	* [[Angular (framework)\|Angular.Js]]
		+	* [[Vue.js]]
		+	* [[Node.js]]
	== Fuentes ==		== Fuentes ==

← Revisión anterior		Revisión del 13:59 29 jun 2017
Línea 1:		Línea 1:
−	~~{{Normalizar}}~~
	{{Ficha Software		{{Ficha Software
	\|nombre=React JS		\|nombre=React JS

← Revisión anterior		Revisión del 15:44 20 jun 2017
Línea 1:		Línea 1:
		+	{{Normalizar}}
	{{Ficha Software		{{Ficha Software
	\|nombre=React JS		\|nombre=React JS

@@ Línea 12: / Línea 12: @@
 |diseñador=
 |modelo de desarrollo=
-|lanzamiento inicial=2013
+|lanzamiento inicial=29 de mayo de 2013
 |versiones=
-|última versión estable=15.0.1
+|última versión estable=17.0.1
 |género=
 |sistemas operativos=Multiplataforma
@@ Línea 20: / Línea 20: @@
 |licencia=Licencia BSD + Patents Clause
 |premios=
-|web=
+|web=https://reactjs.org
-}}
+|Programado en=JavaScript}}
-''' React ''' es una [[biblioteca]] escrita en [[JavaScript]] de código abierto, 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.<br>
+''' React ''' es una [[biblioteca]] escrita en [[JavaScript]] de código abierto, 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. Según el servicio de análisis JavaScript Libscore, ReactJS es actualmente utilizado en 1455 sitios webs <ref><nowiki>http://libscore.com/#React</nowiki></ref>, entre ellos se sitúan productos de las empresas Netflix, PayPal, Airbnb, Uber entre otras.<br>
 ==Historia==
 React fue creada por Jordan Walke, un ingeniero de software en [[Facebook]]. Influenciado por [[XHP]], un marco de componentes de [[HTML]] para [[PHP]].
@@ Línea 44: / Línea 44: @@
 *[https://devcode.la/blog/como-funciona-reactjs/]. Disponible en [https://devcode.la/blog/como-funciona-reactjs/]. Consultado 19 de Junio del 2017
-[[Category:Programación]][[Category:Informática]]
+[[Category:Programación]]
 [[Category:Lenguajes_de_programación_orientada_a_objetos]]
 [[Category:Lenguajes_de_programación]]

@@ Línea 22: / Línea 22: @@
 |web=
 }}
-<div align="justify">
 ''' React ''' es una [[biblioteca]] escrita en [[JavaScript]] de código abierto, 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.<br>

@@ Línea 32: / Línea 32: @@
 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 modeló 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.
+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 un 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.
 == Fuentes  ==