fcbk

Con este curso podrás:

Compilar tu proyecto con webpack

Compilar tu proyecto con webpack

Implementar Redux

Implementar Redux

Server-side rendering

Server-side rendering

Desplegar a producción

Desplegar a producción

Crear componentes con JSX

Crear componentes con JSX

Temario del curso

Bienvenido al curso

Bienvenido al curso de React

Fundamentos

¿Qué es React?
5:00
Hola Mundo con React
7:00
¿Qué es y cómo funciona el Virtual DOM?
5:00
Introducción a JSX
3:00
Creación de componentes
13:00
Componentes Puros vs de Estado
3:00
Ciclo de vida de un componente
10:00
Ciclo de vida de componentes
4:00
Manejo de eventos del DOM
4:00
Event handlers con parámetros personalizados
3:00
Contexto de la aplicación
5:00
Componentes de Alto Orden (HOC) y Mixins
8:00

Creación del proyecto

Presentación del proyecto
1:00
Instalación de Node.js y usando npm
4:00
Estructura de archivos
5:00
Iniciar un servidor de render básico - Render en Server
3:00
Module bundlers en JavaScript
6:00
Configurar Webpack para el servidor de render
9:00
Manejo de rutas en el servidor con React Router
14:00
Crear cliente para consumir el API
5:00
Iniciar la app en el navegador y configurar Webpack para producción
8:00
Iniciar un servidor de estáticos con zeit/list
4:00
Herramientas de desarrollo de React
3:00
Consumir el API y mostrar datos en la home
10:00
Perfil de usuarios
8:00
Estado de cargando y detalle de post
7:00
Paginación de posts mediante scroll infinito
6:00
Mostrar listado de comentarios en cada post
2:00
Estilizar componentes con CSS Modules
18:00
Linter y buenas prácticas con ESLint
22:00
Internacionalización con React Intl
17:00
Deploy a producción
27:00

Implementación de Redux

Patrones de arquitectura de aplicaciones Frontend
5:00
Implementación inicial con Redux para los posts
20:00
Uso de middlewares
8:00
Acciones asíncronas
9:00
Dividir el reducer en funciones más pequeñas y combinarlas
12:00
Datos inmutables con Immutable.js
14:00
Herramientas de desarrollo
8:00
Conclusiones
2:00
Pruebas automatizadas de reducers
7:00
Pruebas de componentes de React
8:00
Actualizando a la última versión de React Router
3:00

Desafíos

Cambiar el título de la página dependiendo de la ruta (en el servidor y cliente)
Implementar Redux en perfíl de usuario y detalle de un post
Cargar datos iniciales en el servidor
Desafío especial
1:00

Contenido bonus

Glosario
3:00
Evitar que webpack genere el CSS durante el build del servidor
1:00
LazyLoad de imágenes
8:00
Animaciones con ReactCSSTransitionGroup
7:00
Server render con Next.js
11:00
Aplicaciones universales/isomórficas
2:00
Iniciar proyectos con create-react-app
4:00
Diplomado de desarrollo de aplicaciones con ReactJS
1:00
Diploma del Curso profesional de React con Redux

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Los Profesores

Sergio Xalambrí

Sergio Xalambrí

@sergiodxa

Frontend Developer en Platzi

Nuestros Planes

  • Este y todos los 150 cursos y 10 carreras
  • Clases en vivo con los profesores
  • Estudias cuando quieras desde web y tu móvil
  • Exámenen al final de cada curso
  • Diploma impreso por cada carrera
  • Acceso exclusivo al taller de creación de startups
  • Entrada preferencial a nuestros eventos
  • Actualizaciones al contenido
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
  • Este y todos los 150 cursos y 10 carreras
  • Clases en vivo con los profesores
  • Estudias cuando quieras desde web y tu móvil
  • Exámenes al final de cada curso
  • Diploma impreso por cada carrera
  • Acceso exclusivo al taller de creación de startups
  • Entrada preferencial a nuestros eventos
  • Actualizaciones al contenido
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos

Elige un plan

Qué obtienes
  • Accedes a todos los 150 cursos y 10 carreras

  • Clases en vivo con los profesores

  • Estudias cuando quieras desde web y tu móvil

  • Exámenes al final de cada curso

  • Diploma impreso por cada carrera

  • Acceso exclusivo al taller de creación de startups

  • Entrada preferencial a nuestros eventos

  • Actualizaciones al contenido

  • Pago con tarjetas de crédito o débito

    Visa
    Mastercard
    American Express
  • Pago en depósito, PayPal y otros métodos

    Paypal
    Depósito
Plan Anual

Recomendado

$25

Bandera de tu país dólares al mes

Un solo pago de $299

¿Necesitas capacitación para tu empresa? Tenemos planes especiales. Escríbenos a empresas@platzi.com

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

Juan Esteban Angulo Uribe
Juan Esteban Angulo Uribe

Me gusto el curso pero me gustaría que los ejercicios sean con dashboards para que sea más avanzados no con pantallas tan sencillas.

william ricardo  ariza vélez
william ricardo ariza vélez

La implementación del proyecto, y la explicación de cada uno de las ventajas de react como libreria.

Rafael Alfonso Méndez López
Rafael Alfonso Méndez López

Las sugerencias de herramientas para trabajar y el soporte.

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 12 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.
Este curso forma parte de:
Desarrollador JavaScript
Carrera de Desarrollador JavaScript