React.js: introducción a React.js

Name: React.js: introducción a React.js
Author: Tony Davydets

En este curso, aprenderá qué es React y por qué es una potente herramienta para crear interfaces de usuario. Explorará las ventajas de usar React frente a…

Preview the first lesson free — get full access to all 1 lessons.

Solicitar una demo Iniciar sesión

Curso: bajo demanda

Hola, mi nombre es Tony y en. En estas lecciones aprenderá por qué elegir React en lugar de simple. JavaScript en HTML y crea una nueva aplicación React usando Create Utilidad de aplicación React. En esta lección veremos qué es realmente React. y cómo llegó a ser. React es una biblioteca de JavaScript. Es de código abierto, lo que significa que es fuente. Cualquier persona puede acceder y ver el código. Y fue creado por Facebook con. La intención de unificar la web también. Como diseño de interfaz de usuario móvil bajo un mismo paraguas común. De hecho, existe desde hace bastante tiempo con la primera versión de. Reaccionar siendo presentado al público como. Ya en 2013. Sin embargo, desde aproximadamente 2018 ha crecido a pasos agigantados. conduciendo a otros marcos avanzados como NextJS en realidad usando React como base y construyendo sobre la parte superior. De sus ya impresionantes y completas capacidades. React se usa principalmente para aplicaciones dinámicas. Es decir, su contenido cambia a medida que los datos. Detrás de los cambios de interfaz. Ahora con el sitio web estándar de la vieja escuela. No fue el caso. Entonces cada vez que iría un usuario. A una nueva URL asociada con un. Solicitud, se tendría que emitir una nueva solicitud Http y todo de los contenidos que componen la página. Entonces, cada gráfico, todo para el transparencia. menú, la barra lateral, el pie de página. Deben volver a obtenerse desde cero y volver a renderizarse con el tiempo y tiempo otra vez. Si puedes imaginarlo, esto no lo es. Muy eficiente y React resuelve ese problema. Mediante el uso de renderizado parcial e hidratación de datos. Lo que eso significa es que una vez que nuestra plantilla esté cargada en el navegador, sólo el. Se actualizan los datos que varían del estado mostrado actualmente. A diferencia del sitio de la vieja escuela en el que confiaba. El modelo cliente-servidor de la vieja escuela. Lo que eso significa que las únicas partes. Que cambio en la pantalla del usuario son los que se diferencian desde el estado mostrado actualmente. Como tal, navegar de una página a otra ya no provoca una descarga completa. Representación de cada cosa que ve un usuario. Esto conduce a un rendimiento de datos mucho más eficiente. estrategia ya que es necesario transmitir menos datos desde el servidor al cliente. Además, otra característica utilizada por React para lograr una El aumento del rendimiento es el uso de Shadow Dom. Es muy probable que ya estés familiarizado. Con nuestro Dom estándar, pero solo para. Asegúrate de que estemos todos encendidos. La misma página, dom es un acrónimo. Que significa Módulo de objeto de documento. Cuando nuestra página web, también denominada documento, es cargado en el navegador, su contenido se analiza y todos la información sobre el objeto, su. La estructura y todas las partes que la componen están cargadas. en la memoria. Del cliente o del navegador. Pero lamentablemente para nosotros, junto con todo lo relacionado a nuestra aplicación, otras cosas terminan allí también y. Pertenecen a la funcionalidad principal del navegador. Esto no nos resulta de mucha ayuda. Y aquí es donde entra Shadow Dom. Shadow Dom es un subconjunto. de Dom regular, y su principal ventaja es. Que la única información que guarda es la información que pertenece a nuestra aplicación y absolutamente nada más. Tener menos cosas a nuestra sombra Dom. Than Dom es, por supuesto, beneficioso. Y tener todo esto aplicado a nuestra aplicación solo significa que podemos. Almacenar, extraer y manipular sólo las piezas que necesitemos. Esto conduce a un aumento significativo del rendimiento. React se basa en componentes, es decir, a. Para lograr los resultados que buscamos, romperemos nuestra aplicación en una serie de componentes para encapsular cada uno parte visual de la interfaz de usuario. Eso nos da la posibilidad de reutilizar. Nuestro componente en todo el sitio, acelerando nuestro esfuerzos de desarrollo. Y además, conduce a la uniformidad. La aplicación, permitiendo así una navegación más fluida, menos confusa y experiencia de usuario más completa, desde. Los componentes utilizados para cosas similares se utilizarán en un manera similar en toda la aplicación. Por último, para aquellos que estén familiarizados con otros JavaScript frameworks, reaccionar proporciona un enlace de datos unidireccional. Lo que eso significa son los datos que contiene. Nuestra aplicación fluye en una dirección, en una dirección. únicamente, del padre superior. Al componente secundario inferior. En nuestra próxima lección, veremos por qué usaríamos Reacciona sobre JavaScript simple en HTML. Gracias por ver. Adiós.

Proveedor : Tony Davydets 1 lección · 11m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Chinese

Descripción del curso

En este curso, aprenderá qué es React y por qué es una potente herramienta para crear interfaces de usuario. Explorará las ventajas de usar React frente a JavaScript simple y descubrirá cómo configurar un entorno de desarrollo React utilizando la utilidad create-react-app.

Una de las ventajas clave de usar React es su capacidad para gestionar fácilmente el estado complejo y las interacciones del usuario. Con React, puede crear componentes reutilizables que se pueden actualizar y modificar fácilmente, lo que lo hace ideal para crear aplicaciones web grandes y complejas. Explorará las diferencias clave entre React y JavaScript simple, incluyendo las ventajas de usar un enfoque basado en componentes para crear interfaces de usuario. Además, aprenderá sobre el DOM virtual de React y cómo optimiza el desempeño al minimizar la cantidad de actualizaciones necesarias para representar los cambios.

Para comenzar con React, descubrirá cómo usar la utilidad create-react-app para configurar rápida y fácilmente un nuevo proyecto React. Aprenderá a instalar y configurar la utilidad y a usarla para crear una aplicación básica de React.

Al final de esta sección, tendrá una sólida comprensión de qué es React, por qué es una herramienta tan popular para el desarrollo web y cómo crear sus propias aplicaciones React utilizando la utilidad create-react-app. Este conocimiento formará una base sólida para el resto del curso, a medida que explore temas más avanzados de React y cree aplicaciones cada vez más complejas.

Lo que aprenderás

Entender qué es React y por qué es una herramienta poderosa para construir interfaces de usuario
Comparar React con JavaScript plano y los beneficios de un enfoque basado en componentes
Explicar cómo el Virtual DOM de React optimiza el rendimiento al minimizar las actualizaciones de renderizado
Configurar un entorno de desarrollo de React usando la utilidad create-react-app
Crear una aplicación básica de React con create-react-app
Identificar cuándo usar React y por qué surgió React

Puntos clave

React es una herramienta para construir interfaces de usuario y ofrece ventajas sobre JavaScript plano.
React le permite crear componentes reutilizables que pueden ser fácilmente actualizados y modificados, lo que lo hace apropiado para aplicaciones web grandes y complejas.
El Virtual DOM de React optimiza el rendimiento al minimizar el número de actualizaciones requeridas para renderizar cambios.
La utilidad create-react-app le permite configurar y configurar rápida y fácilmente un nuevo proyecto de React.
Esta introducción forma una base para explorar temas de React más avanzados y construir aplicaciones cada vez más complejas.

Preguntas frecuentes

¿Qué aprenderé en este curso?

Aprenderá qué es React y por qué es poderoso para construir interfaces de usuario, las ventajas de React sobre JavaScript plano, el enfoque basado en componentes, el Virtual DOM de React y cómo configurar un entorno de React usando la utilidad create-react-app.

¿Necesito experiencia previa con JavaScript?

El curso explora las diferencias clave entre React y JavaScript plano y los beneficios de usar React sobre JavaScript plano, por lo que se presenta en relación con el desarrollo web basado en JavaScript.

¿Qué temas cubren las lecciones?

Las lecciones cubren ¿Qué es React?, ¿Por qué React y no JavaScript?, y Crear una aplicación de React usando la utilidad create-react-app.

¿Qué podré hacer al final?

Al final tendrá una comprensión sólida de qué es React, por qué es una herramienta popular para el desarrollo web y cómo crear sus propias aplicaciones de React usando la utilidad create-react-app.

¿Es este curso para principiantes en React?

Sí. Es una introducción que cubre por qué surgió React, cuándo usar React y la utilidad create-react-app, formando una base para temas de React más avanzados.