Curso de React para principiantes

Una guía exclusiva para desarrollar un proyecto real con React.

Este curso está en desarrollo y por tanto aún no están todas las clases disponibles. El pago actual incluye acceso ilimitado y gratuito a las futuras clases, todas las actualizaciones y nuevos recursos

El precio del curso irá aumentando cuántas más clases disponibles tenga.

90% Dto. 80,00€

  • 49 Alumnos
  • 25 lecciones ya disponibles (03:22:51 h) de un mínimo de 36 lecciones
  • Acceso exclusivo a un slack dedicado al curso
  • Acceso al código fuente
  • Acceso ilimitado y permanente
  • Audio Español
  • Nivel Principiante
  • Aprende a tu ritmo

Aprende a desarrollar una aplicación de facturación con la librería más popular del momento.

Han quedado atrás los días de jQuery o AngularJS. Acompáñame a lo largo del desarrollo de una aplicación de facturación con una librería moderna y especializada en la creación de interfaces de usuario. Usaremos la última versión de React (qué incluye hooks) para crear clientes, productos y facturas usando un API REST ya existente.

¿Qué aprenderé?

  • Cómo crear una aplicación desde principio hasta fin
  • Usar create-react-app para facilitar el desarrollo
  • Entender y crear tus propios componentes usando JSX
  • Gestionar el estado de tu aplicación
  • Comunicar los componentes entre sí
  • Añadir diferentes idiomas a tus aplicaciones
  • Añadir diferentes rutas con React Router 4
  • Usar JavaScript ES6
  • Desplegar una aplicación hecha en React para que la vea todo el mundo
  • ¡Y mucho más!

Contenidos

B - 0

Fundamentos de React

Aprenderemos JSX y a crear componentes usando clases. Daremos estado y propiedades a los componentes y veremos cuáles son los pilares de React.

Crear una interfaz con JavaScript
Crear una interfaz con React createElement
Crear una interfaz con JSX
Crear nuestro primer componente
Añadiendo estado a nuestro componente
Pasando propiedades a nuestro componente
B - 1

Creación de la base

Crearemos en nuestro ordenador un nuevo proyecto con la ayuda de create-react-app. Luego añadiremos la página de Login, primero con clases y luego con el hook useState para finalmente añadirle estilos CSS

Instalar NodeJS en Mac
Instalar NodeJS en Windows
Empezar nuestro proyecto con create-react-app
¿Qué vamos a desarrollar?
Añadir una Página de Login
Hacer Peticiones HTTP en el Navegador
Refactorizar el Login para usar el hook useState
Añadir estilos a nuestros componentes
B - 2

Estructurando la aplicación y completando el flujo sin sesión

Añadiremos múltiples idiomas y crearemos la base para las futuras rutas de la aplicación. Completaremos el flujo para que el usuario pueda iniciar sesión o registrarse y vea el interior de nuestra plataforma aunque refresque

Añadir múltiples idiomas
Añadir autenticación
Añadir React Router
Añadir UnAuthApp
Cerrar flujo sin sesión
B - 3

Añadiendo el fujo con sesión

Añadiremos las rutas protegidas por sesión y nos aseguraremos de que los usuarios sin sesión no pueden acceder a ellas.

Añadir AuthApp
Persistir al usuario
Cerrar la sesión del usuario
Añadir perfil del usuario
Actualizar perfil del usuario
Hacer peticiones autenticadas
B - 4

Creando clientes

Crearemos formularios que den de alta clientes y nos permitan también editarlos. A demás, mostraremos los clientes en formato tabla para que puedan ser filtrados y ordenados

B - 5

Creando productos

Veremos las posibilidades de reutilización de código que nos brinda React al crear formularios y tablas para administrar productos muy similares a las que usamos para administrar clientes.

B - 6

Creando facturas

Crearemos una interfaz lo más parecida posible a una factura real que nos permitirá añadir productos, sus cantidades, precios e impuestos.

B - 7

Desplegando el proyecto

Veremos cómo podemos desplegar el proyecto en plataformas como Netlify o Amazon S3

B - 8

Extras

Encontraremos vídeos diversos cómo pueda ser la configuración de Visual Studio Code que uso en mi día a día

¿A quién está dirigido?

  • Si estás buscando aprender nuevas maneras de construir frontends usando una librería con un desarrollo activo, o si ya sabes React pero quieres ver cómo desarrolla alguien que se gana la vida con esto desde hace más de 4 años, este curso es para ti.
  • Si dependes de jQuery o AngularJS para construir tus frontends
  • Si ya usas Vue, Angular o cualquier otro framework y quieres saber cómo funciona React
  • Si eres desarrollador PHP o usas Wordpress y quieres darle a tus frontends un extra de experiencia de usuario
  • Si eres autónomo y quieres aprender cómo hacer tus facturas

Preguntas frecuentes

¿Está el curso terminado?

No, el curso está en desarrollo, ahora mismo hay disponibles 25 lecciones (03:22:51 h)

¿Qué versión de React se usa en el curso?

El curso esta hecho con React 16.13.1

¿Se explican hooks?

Sí, en el curso veremos los hooks: useState, useEffect, useReducer, useContext y también crearemos nuestros propios hooks

¿Cuándo empieza el curso?

Tan pronto como completes la compra recibirás un email con las credenciales para acceder al curso y podrás empezar a ver las clases

¿Durante cuánto tiempo podré acceder al curso?

El curso estara disponible de por vida

¿El curso es online?

Sí, el curso es online y se imparte en https://cursos.xavitristancho.pro

¿Cómo puedo pagar el curso?

El curso lo puedes pagar pulsando en el botón comprar, al pulsar te redireccionará a la pasarela de pago de Stripe, un servidor seguro especializado en el procesamiento de pagos. Podrás pagar el curso con tu tarjeta de crédito/débito o con Google Pay.