React Tutoriales
React ofrece un camino de aprendizaje estructurado para crear interfaces de usuario modernas. Nuestros tutoriales cubren componentes de React, gestión de estado y hooks, adecuados tanto para principiantes como para desarrolladores frontend experimentados. A través de laboratorios prácticos y ejemplos, ganarás experiencia en la construcción de UIs dinámicas y responsivas. Nuestro entorno interactivo de React te permite probar características de React y ver resultados instantáneos.
Otros Árboles de Habilidades
LinuxDevOpsCiberseguridadKali LinuxDevOps EngineerCybersecurity EngineerBase de datosCiencia de datosRed Hat Enterprise LinuxCompTIADockerKubernetesPythonGitShellNmapWiresharkHydraJavaSQLitePostgreSQLMySQLRedisMongoDBGolangC++CJenkinsAnsiblePandasNumPyscikit-learnMatplotlibDesarrollo webHTMLCSSJavaScript
Listas y Claves en React
En este laboratorio, aprenderás a renderizar listas de datos en React y la importancia de usar claves para los elementos de lista.
React
Fundamentos de React JSX
En este laboratorio, aprenderás los fundamentos de la sintaxis JSX en React, incluyendo cómo escribir elementos, incrustar expresiones y usar atributos.
React
Fundamentos de Formularios en React
En este laboratorio, aprenderá los fundamentos para manejar formularios en React, incluyendo componentes controlados, gestión de estado y manejo de eventos.
React
Manejo de Eventos en React
En este laboratorio, aprenderá los fundamentos del manejo de eventos en React, como los clics, adjuntando manejadores de eventos a elementos JSX y definiendo las funciones correspondientes.
React
Renderizado Condicional en React
En este laboratorio, aprenderás las técnicas fundamentales para el renderizado condicional en React, incluyendo el uso del operador ternario, el operador lógico &&, variables y estado para mostrar componentes dinámicamente.
React
Estado de React con Hooks
En este laboratorio, aprenderás los fundamentos de la gestión del estado de componentes en React utilizando el Hook `useState` mediante la creación de una aplicación de contador simple.
React
Introducción a los Componentes de React
En este laboratorio, aprenderá los fundamentos de los componentes de React creando, exportando e importando un componente funcional simple.
React
Configuración de React y Primera Aplicación
En este laboratorio, aprenderás los pasos fundamentales para configurar un nuevo proyecto de React y ejecutar tu primera aplicación de React utilizando Vite.
React
Props de React
En este laboratorio, aprenderás los fundamentos de las props de React, incluyendo cómo pasar datos de componentes padre a hijo, acceder a props, usar desestructuración y establecer valores por defecto.
React
Crea un Pixel Art Animator con React
En este proyecto, te guiaremos a través de la construcción de un simple Pixel Art Animator utilizando React. Al final de esta guía, tendrás un editor básico de arte pixelado donde podrás dibujar tu arte pixelado y ver la animación resultante. Este proyecto es amigable para principiantes y ofrece una forma divertida de sumergirse en el mundo de React y el arte pixelado.
ReactCSS
Crear una aplicación de notas con React
En este proyecto, crearemos una aplicación de notas simple utilizando React. La aplicación permitirá a los usuarios agregar, editar y eliminar notas. Dividiremos el desarrollo en varios pasos, asegurándonos de que cada paso cumpla con requisitos específicos y agregue funcionalidad esencial.
JavaScriptReact
Construir una aplicación de lista de deseos de Navidad con React
Este proyecto te guía a través de la construcción de una aplicación web Constructor de Listas de Deseos de Navidad festiva utilizando React. La aplicación cuenta con un hermoso fondo de pantalla con tema navideño y una animación de nevada encantadora, mejorando el espíritu navideño. Los usuarios pueden agregar deseos a una pared de deseos semi-transparente, y cada deseo se presenta como una postal. Utilizaremos React para el frontend y CSS para el estilo y las animaciones.
ReactCSS
Construir componentes interactivos de React
En este proyecto, aprenderás a crear una funcionalidad simple de mostrar/ocultar utilizando React. Implementarás un botón que alterna la visibilidad de una imagen en la página.
JavaScriptReact
Crea una tarjeta de visita receptiva con React
En este proyecto, aprenderás cómo crear una tarjeta de visita personal utilizando React. El proyecto implica construir una aplicación web receptiva e interactiva que permite a los usuarios ingresar su información personal y generar una tarjeta de visita personalizada.
JavaScriptReact
Implementando características de navegación en React
En este proyecto, aprenderás a implementar características de navegación en una aplicación React. Crearás una aplicación simple con una barra de navegación y páginas a las que se puede acceder mediante enlaces.
JavaScriptReact
Aplicación de filtro de colores con React
En este proyecto, aprenderás a crear una aplicación de filtro de colores utilizando React. La aplicación permitirá a los usuarios filtrar una lista de colores escribiendo el nombre del color que buscan. Este proyecto te ayudará a entender cómo trabajar con la gestión de estado, el manejo de eventos y la renderización condicional en React.
JavaScriptReact
Navegación Responsiva con Hook Personalizado de React
En este proyecto, aprenderás a crear un Hook personalizado de React llamado useWindowSize para obtener el tamaño actual de la ventana y usarlo para renderizar condicionalmente la barra de navegación en una aplicación web.
JavaScriptReact
Tu primer laboratorio de React
Hola, bienvenido a LabEx. En este primer laboratorio, aprenderás el clásico programa 'Hello, World!' en React.
React
- Anterior
- 1
- 2
- Siguiente