Descuento para todos los cursos premium
  • Código de descuento
Repositorio del curso
  • Repositorio
Introducción
  • ¿Qué es React?
  • Historia de React
  • ¿Quién lo utiliza?
  • ¿Qué podemos construir?
  • Single Page Aplication
  • DOM vs Virtual DOM
Bases de React
  • Pensar en componentes
  • Instalación de Node
  • Instalación de Visual Studio Code
  • Instalaciones para Visual Studio Code
  • Instalación de Git
  • Hello World desde un CDN
  • Intstalación de React Developer Tools
  • Documentación
  • Utilizando create-react-app
  • Estructura de un proyecto
JSX
  • Principios de JSX
  • Interpolación de variables
  • Condicionales en JSX
  • Arrays y listas
Componentes y props
  • Introducción e Iniciación del proyecto
  • Primer componente reutilizable
  • Funciones como props
  • Objetos como props
  • Arrays y elementos jsx como props y evaluación de props
  • props.children
  • Práctica de repaso
  • Práctica corregida
State y Class Components
  • Tipos de componentes
  • State vs props
  • Creando un class component
  • Estructura de un class component
  • State con evento click
  • Ejercicio corregido
  • Usando las defaultProps
Ciclo de vida de un componente
  • Introducción al ciclo de vida
  • Método constructor
  • Método render
  • Método componentDidMount
  • Método componentDidUpdate con state
  • Método componentDidUpdate con props
  • Método componentDidUpdate con forceUpdate
  • Método componentWillUnmount
  • Otros métodos del ciclo de vida
Eventos
  • Introducción a eventos
  • Binding de eventos
  • Paso de parámetros con funciones de flecha
  • Paso de parámetros sin funciones de flecha
  • Eventos personalizados
  • Eventos en componentes funcionales
  • Eventos sintéticos
Refs y formularios
  • Introducción a formularios
  • ¿Por qué usar refs?
  • Usando las refs
  • Controlando input con refs
  • Controlando input con state
  • Controlando radio button con state
  • Controlando select y checkbox con state
Estilos tradicionales (CSS y SCSS)
  • Proyecto inicial
  • Estilos en línea
  • Estilos externos
  • Preprocesadores
  • Conclusiones
Styled Components
  • Proyecto inicial
  • Introducción e instalaciones
  • Creando nuestro primer Styled Component
  • Variables
  • Estilos dinámicos con funciones
  • Estilos dinámicos con props
  • Estilos dinámicos con operador ternario
  • Usando el módulo css
  • Como usar ThemeProvider
  • Anidamiento
  • Estilos Globales
  • Transiciones
  • Animaciones
  • Heredando estilos
  • Responsive
Hooks
  • Introducción
  • useState
  • defaultProps
  • useState con strings
  • useState con objetos
  • useEffect
  • Control de ejecución de useEffect