¿Qué es una aplicación de una sola página? de lo contrario, una solicitud de una sola página. En este video compararé el modelo clásico. sitio web a la aplicación Sitios web tipo aplicación de una sola página y te lo diré ¿Cuáles son los beneficios de Aplicaciones SPA, es decir, individuales aplicación de la página y qué papel en todo esto Reaccionar obras de biblioteca. Este es material introductorio a toda la serie. dedicado a la biblioteca React. La cuestión es que empieces desde el principio. Él sabía desde el principio lo que nos estaba dando. crear una aplicación de una sola página usando, por ejemplo, React. Aplicaciones SPA en realidad están en todas partes. Incluso si no estás del todo seguro cuáles son los que más probablemente uses ellos regularmente porque son excelentes una herramienta para crear sorprendentemente experiencias atractivas y únicas para los usuarios de dicho sitio web.
Una aplicación de una sola página es diferente sitio web o llamado una aplicación web que dinámicamente complementa el sitio web actual nuevos datos del servidor web en su lugar método de carga predeterminado por un navegador web completamente nuevo páginas. Si aún no entiendes qué es es SPA, es decir, aplicación de una sola página Sólo necesito mencionar las aplicaciones. sitios web como Gmail, Google Maps, Airbnb, Netflix, Pinterest, PayPal y Muchos otros. Las empresas utilizan SPA para crear escalable suave aplicaciones que tienen muy buen impacto sobre la acogida general por parte de los usuarios, es decir, el llamado experiencia de usuario. Una aplicación de una sola página es única página. De ahí viene Este nombre tiene mucho que ver.
La información permanece sin cambios, una solo los elementos que cambian están actualizados, pero adecuadamente tiempo. Recuerda como el ultimo una vez que revisaste tu correo electrónico o buscaste película en Netflix. Mayoría Los elementos son sólidos, como en ejemplo encabezado, pie de página, barra lado. Realmente solo cambia contenido en su interior. Y de eso se trata Toda la magia del SPA sucede. La idea es que el servidor solo envíe lo que lo que necesitas en este momento para mostrar el contenido dado para usted, un Su navegador muestra estos información.
Para una página normal cada vez que vas a una nueva página el navegador envía una consulta a servidor. El servidor responde y transmite. Nueva página, pero nuevamente tiene que quedarse. página completa renderizada. El propósito de una solicitud de una sola página es haciéndolos más grandes eran similares a tales aplicaciones ¿Cómo se instala, por ejemplo? en su computadora o teléfono inteligente, especialmente en términos de velocidad de operación y liquidez. Sitios web habituales creado en el modelo clásico puede ser parecen lentos y incómodo porque cada cambio pasar a una nueva subpágina requiere otra consulta al servidor y descargando un nuevo recurso de una nueva página. Sin embargo, las aplicaciones SPA se actualizan solo un pedazo de la pantalla y lo hacen al instante, sin esperar descargando un nuevo archivo del servidor. Por tanto, desde el punto de vista del usuario Las aplicaciones SPA funcionan lo mismo que los programas de computadora o aplicaciones móviles y elevar nuestra comodidad de uso diario.
Bien, ya hemos discutido cuáles son. Aplicaciones SPA y ahora vayamos a lo que está pasando allí realmente está sucediendo algo debajo del capó y gracias ¿Por qué se ve así y es genial? obras. En términos generales, un sitio web normal El sitio web consta de un archivo HTML, CSS y JavaScript. Sin embargo, cada subpágina como inicio, sobre nosotros contacto etc. Este es un documento HTML separado. La situación es diferente con una sola página. Aplicación. Aquí toda la aplicación existe en dentro de un sitio web y generalmente la primera página es al mismo tiempo el único que se descarga desde servidor. En lugar de descargar cada vez juntos y mostrar archivos HTML, código JavaScript genera dinámicamente pantallas de aplicaciones individuales. Fue por esta razón inicialmente página HTML descargada de un vistazo El ojo está casi desprovisto de contenido.
Pero hola, hola, debe haber este en alguna parte. contenido. Sí, eso es correcto. Contiene el elemento principal colocado. dentro de la etiqueta del cuerpo. Este elemento principal se vuelve así. contenedor o de otro modo llamado contenedor para toda la aplicación que se genera y se muestra en continuamente en respuesta al comportamiento usuario y realizado por él Comparte. Todos los scripts y archivos que son necesarios para el correcto funcionamiento aplicaciones, generalmente se descargan en desde el principio, al mismo tiempo, cuando se descarga el archivo HTML.
Esta era la idea principal y concepto, pero ahora estas soluciones se actualizan constantemente y mejorando en respuesta al cambio Surgen tendencias y nuevas oportunidades. Hoy en día, las aplicaciones son cada vez más comunes. Cobran inicialmente solo el guión principal más importante, y sólo entonces luego se recarga si es necesario próximo. Por eso creo que entiendes De aquí viene este corto tiempo.
Cargando una aplicación de una sola página i agradable acogida por parte de los usuarios. Además, menos información. que el servidor debe enviar hace todo el proceso es mucho más agradable para el usuario y para navegador, porque no tienes que hacer tanto sudor. Creando una aplicación tipo La aplicación de una sola página es bastante compleja. proceso y requiere el uso de muchos componentes y bibliotecas. Si has oído hablar de Angular, Vue o la biblioteca React, está en el medio otros que puedes crear con ellos solicitud de una sola página. Hay un tema más relacionado. con el hecho de que a pesar de Creemos que estamos cambiando la URL, el sitio en realidad no permanecerá sobrecargado y no será enviado nueva solicitud al servidor.
Se llama enrutamiento virtual, pero sí. Realmente no te quiero desde el principio abrumador y tal vez más sobre esto en el futuro hablemos porque creo que esto es todo Ahora no es el momento ni el lugar para hablando de esos temas. Debido a que este es un episodio nulo en la serie React, te lo contaré ahora en en pocas palabras, cómo es la creación Aplicación de una sola página en la biblioteca React. Para entender su clave construcción, tengo que decirte lo que es DOM, es decir, modelo de objetos de documento, es decir, el modelo de documento orientado a objetos.
Como dije antes, sitio web es principalmente un documento HTML, que no es más que ordinario Documento de texto. El navegador lo lee y se utiliza para crear un árbol lógico. llamado modelo orientado a objetos documento, o en otras palabras DOM z Modelo de objetos de documento en inglés. Este árbol los representa a todos. Elementos HTML colocados en el archivo, dispuestos en el orden correcto y de manera adecuada hacia otros elementos pertenecientes a estructuras. Existe un árbol llamado DOM creado para todas las páginas y sin no importa si se trata de una aplicación de una sola página o de un sitio web normal. Y aquí en este momento todo de blanco o azul viene React, que mucho nos facilita la creación de una aplicación de una sola página porque usa el DOM de una manera única. Mientras la aplicación React se está ejecutando crea y almacena el tuyo propio casa virtual de inglés virtual CASA. Esta casa virtual es independiente. del modelo mencionado anteriormente DOM, utilizado por el navegador sitio web. DOM virtual proporciona una copia única del DOM del navegador, que React crea en base a instrucciones escritas en el código de la aplicación y lo mantiene todo el tiempo.
Tan virtual El DOM es creado y modificado. según las necesidades del proceso reconciliación, comúnmente conocida como la fase de renderizado que se está realizando internamente a través de React. El proceso de renderizado es un proceso dentro que React mira el DOM de la página y lo compara con el suyo modelo DOM virtual. Si se encuentra alguno diferencias, p.e. cuando el DOM virtual contendrá algún elemento que aún no está El DOM actual del navegador es luego React pasa al DOM instrucciones del navegador sobre lo que necesita para unificar estos modelos, es decir, simplemente haz que se vean así sí mismo. Este proceso de agregar modificar o eliminar elementos se conoce como fase de aprobación.
El segundo de los conceptos básicos. creando aplicaciones en la biblioteca React es que su funcionamiento se basa en de pie. Una aplicación React consta de: muchos componentes, y cada uno de ellos pueden tener su propio local condición. Entonces es solo un componente Tengo algunos guardados localmente. datos. Si por alguna razón estos los datos cambiarán. React luego ejecutaría el proceso. apretón de manos y si encuentra alguno diferencias, hace los cambios necesarios en el modelo DOM.
Espero que esto con el video te expliqué por qué crear aplicaciones de una sola página y qué Tienen ventajas. Al principio no lo hice Lo pude entender porque pensé que en Después de todo, ¿para qué molestarse si pudieras? haz lo mismo usando una página normal sitio web. Con el tiempo me di cuenta enormes posibilidades y ahora No tengo absolutamente ninguna duda de que En su lugar, vale la pena crear una aplicación de una sola página. sitio web habitual. Este es el primer episodio introductorio. a la serie React y discutido aquí Los ejemplos estaban destinados a ser de naturaleza general únicamente. explicación del concepto. Para personas que son totalmente principiantes para entender cómo son Suposiciones generales y por qué lo hacemos. pasaremos de general a detalle, así que no en el futuro también faltará aún más materiales técnicos. Llegaremos a eso en los próximos materiales. editor de código fuente y estaremos allí crear aplicaciones React juntas. Si te gustó este material, entonces déjame saber en el comentario si ya has escrito alguna aplicación de una sola página.
También te invito a suscribirte y quédate conmigo más tiempo. Y si tienes intención de hacerlo en un futuro próximo Conviértete en programador, eso está en el comentario. A continuación encontrarás una guía hecha por mí. preparado, gracias a lo cual Me convertí en programador sin experiencia. Aprendiendo por tu cuenta y cuando aprovechas mi consejo, seguro que lo evitarás algunos de mis errores que cometí a través del reclutamiento. Espera y hazlo ¡nos vemos pronto!.