Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
React JS con TypeScript y Next.js Curso Desarrollo FullStack
Rating: 4.7 out of 5(2,921 ratings)
10,747 students

React JS con TypeScript y Next.js Curso Desarrollo FullStack

Aprende a Crear Aplicaciones Web Modernas con React JS, Next.js y TypeScript: SPA, SSR, SSG, login, autenticación, Hooks
Created byIgnacio bluuweb
Last updated 2/2026
Spanish

What you'll learn

  • Construir aplicaciones web modernas con React y sus últimos estándares.
  • Utilizar Hooks personalizados y manejar estado con Context API y Redux Toolkit.
  • Crear rutas protegidas con autenticación usando Firebase Auth.
  • Conectar proyectos con bases de datos en tiempo real con Firebase Firestore.
  • Usar formularios controlados con Formik y validar datos con Yup.
  • Desarrollar interfaces profesionales con Tailwind CSS y Material UI.
  • Implementar proyectos en Next.js con App Router y renderizado híbrido (SSR y SSG).
  • Integrar contenido dinámico desde CMS como Strapi y archivos Markdown.
  • Desplegar aplicaciones web en servidores reales y optimizarlas para SEO.
  • Ducks: Utiliza la metodología de "Pato" en Redux
  • Comprender la arquitectura de una aplicación completa desde frontend hasta backend.
  • Aprender a crear aplicaciones web Full Stack con React y Next.js utilizando TypeScript

Course content

42 sections • 703 lectures • 69h 18m total length

  • Presentación Fundamentos de React con TypeScript1:40
  • Guía del curso (códigos y definiciones)0:06
  • Extensiones de VSCode1:08
  • ¿Qué es React JS?4:35
  • JSX3:18
  • ¿React es una biblioteca?3:11
  • ¿Cómo iniciar un proyecto con React?2:57
  • Documentación de React1:14
  • Requisitos Node.js 20.19+0:44
  • Primer proyecto con Vite.js - Archivos14:19
  • Extensiones de VSCode para TypeScript1:13
  • main.tsx5:58
  • snippet: rafce3:46
  • Crear y anidar componentes6:04
  • Arrow function vs Fuctions en componentes1:27
  • Reglas de los componentes3:27
  • Fragment3:00
  • ClassName: clases de css2:12
  • Mostrar datos en JSX7:21
  • Style en JSX2:03
  • Renderizado condicional3:48
  • Operador ternario1:34
  • Operador &&3:34
  • Destructuring de objetos3:27
  • Listas y Map9:09
  • Destructuring en funciones1:03
  • Props en los componentes7:13
  • Interface en Props3:42
  • Interface vs Type1:41
  • Preguntas y respuestas2:11
  • Eventos: onClick6:07
  • useState9:24
  • Destructuring de Array4:57
  • Compartir estado entre componentes6:34
  • Consejos sobre IA1:28

Requirements

  • Conocimientos de Javascript básicos
  • Conocimientos de HTML y CSS básicos
  • No necesitas conocimientos previos de React.js ni de Next.js

Description

¡Domina React.js y Next.js en 2025!
Bienvenido al curso actualizado de React.js y Next.js, dos de las tecnologías más demandadas en el desarrollo web moderno. Aprenderás desde los fundamentos hasta construir aplicaciones completas con:

  • Hooks personalizados

  • Redux y Context API

  • Autenticación con rutas protegidas

  • Integración con Firebase (base de datos, autenticación, almacenamiento)

  • Despliegue de proyectos en servidores web reales

Además, en esta nueva versión del curso, incorporamos Next.js, con sus últimas funcionalidades y mejores prácticas para crear aplicaciones web más rápidas, escalables y optimizadas para SEO.

¿Qué lograrás al final del curso?

  • Crear aplicaciones SPA, SSR o estáticas totalmente funcionales.

  • Diseñar rutas protegidas con autenticación.

  • Trabajar con bases de datos en tiempo real.

  • Publicar tus proyectos en línea como un profesional.

No importa si estás comenzando o ya tienes experiencia: este curso está diseñado para llevarte paso a paso hacia un nivel profesional.


Actualización 2025:

  • Regrabación completa: React con TypeScript

  • Novedades React versión 19

  • React Router V.7 - Framework

Actualización 2024:

  • NEXT: versión 14 app router

  • NEXT: Fundamentos

  • NEXT: app router

  • NEXT: SSG + Markdown

  • NEXT: SSR + Strapi IO

Actualización 2023:

  • React + Typescript

  • React Router v6.4

  • Firebase Auth (email y contraseña) + Router v6.4

  • Formik (Login & Register)

  • Yup validaciones de formularios con Formik

Actualización 2022:

  • Fundamentos con Vite

  • Formularios controlados y no controlados

  • Todo App con Tailwind CSS + Vite

  • Firebase 9 + Vite + Tailwind CSS

Actualización 2020:

  • Redux: Fundamentos y primeros pasos con Ducks

  • Redux: Creación de proyecto Pokemon API + LocalStorage

  • Login con cuentas de Google

  • Rutas protegidas con LocalStorage & Firebase Auth

  • Imágenes en Firebase utilizando Storage

  • Material UI (en construcción)

  • Context API utilizando Hooks

  • Chat con Firestore y Context API

  • Roles con Firebase Functions ( Custom claim )

Nos vemos en clases!

Who this course is for:

  • React : Desarrolladores web que quieran crear aplicaciones geniales con React Hooks
  • Firebase : Desarrolladores web que deseen aprender a integrar Firebase a sus desarrollos de React js
  • Redux : Desarrolladores web que desean utilizar Redux en React
  • Next.js: Desarrolladores que quieran llevar sus proyectos al siguiente nivel con proyectos FullStack

Report abuse