React PRO: lleva bases al siguiente nivel

React PRO: Lleva tus bases al siguiente nivel

Mejorar tus habilidades existentes de React.

Adquirir Ahora Vista previa gratis

Contenido del curso

1. Introducción al curso - Visión General
  PRUEBA GRATIS
2. Bienvenida al curso
  PRUEBA GRATIS
3. ¿Cómo funcionará el curso?
  PRUEBA GRATIS
4. ¿Cómo realizar preguntas?
  PRUEBA GRATIS
5. Instalaciones recomendadas y obligatorias
  PRUEBA GRATIS
6. ¡Únete a Nuestra Comunidad de DevTalles en Discord!
1. Introducción a la sección
2. Temas puntuales de la sección
3. Nota: React Router V5 y V6
4. Preparación de proyecto - React-App
5. Rutas tradicionales - Sin Lazyload
6. Crear archivo de rutas independiente
7. Resolución de tarea de rutas estáticas
8. LazyLoad y Suspense
  PRUEBA GRATIS
9. Cambiar el nombre de los chunks
10. Nested Lazy Routes
11. Subir cambios y ramas a GitHub
12. Código fuente
13. Nota: React Router Dom V5
14. Preparación de proyecto - React-App
15. Rutas tradicionales - Sin Lazyload
16. Crear archivo de rutas independiente
17. Resolución de tarea de rutas estáticas
18. LazyLoad y Suspense
19. Cambiar el nombre de los chunks
20. Nested Lazy Routes
21. Implementar las rutas hijas
22. Subir cambios y ramas a GitHub
23. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación de proyecto - Patrones de componentes
4. Componente básico tradicional
5. CustomHook - useProduct
6. Recibir props al componente hijo
7. Compound Component Pattern - Primeros pasos
8. Compound Component Pattern - Segundo Paso
  PRUEBA GRATIS
9. Unificar exportación de componentes
10. Compound Component Pattern - Tercer Paso
11. Separando la lógica en archivos independientes
12. Asignar componentes a otro componente
13. Realizar respaldo y rama
14. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación de la sección - Extensible Styles
4. Custom className
5. className en el ProductTitle y ProductImage
6. className en ProductButtons
7. Interfaces faltantes
8. React CSSProperties
9. Creación de rama y commit de los cambios
10. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación de la sección - Control Props
4. Problema y necesidad del control de propiedades
5. Estado del carrito de compras
6. Disparar función personalizada al cambiar estado
7. Emitir argumentos en nuestro evento
8. Crear carrito de compras
9. Mostrar items del carrito de compras
10. Mantener sincronizado los valores
11. Sincronizar desde el carrito a las tarjetas principales
12. Control Props
13. Controlando el estado desde el padre
14. useShoppingCart
15. Respaldo de nuestra rama
16. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación de la sección
4. Implementar la propiedad initialValues
5. Mostrar el valor inicial en el componente
6. Utilizar el MaxCount como limitante
7. Función como hijo de un HOC
8. Tarea: isMaxCountReaced
9. Exponer funciones y propiedades fuera del componente
10. Trabajar con toda la información expuesta como argumento
11. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Preparación de nuestro juego de componentes
4. Crear proyecto de tsdx
5. Estructura del proyecto - TSDX - NPM
6. Paso #2 - Optimizar index.tsx
7. Paso #3 - ( Opcional ) Módulos
8. Paso #4 - Build
9. Paso #6: GitHub Repo
10. Paso #7: Pruebas automáticas
11. Pruebas en ProductTitle
12. Pruebas en ProductImage
13. Pruebas en ProductCard
14. Paso #8: Publicar
  PRUEBA GRATIS
15. Nueva versión de nuestro paquete de NPM
16. Usar el paquete en un nuevo proyecto
17. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Inicio de proyecto - Forms
4. Formulario tradicional
5. Formulario tradicional - con useState
6. Actualizar los inputs y tomar el valor del formulario
7. CustomHook - useForm
8. Expandir funcionalidad de nuestro custom hook
9. Formik - Ejercicio básico
10. Formik - Obtener información del formulario
11. Formik - Validaciones manuales
12. Formik - Mostrar errores en los campos
13. Yup - ValidationSchema Builder
14. Formik - getFieldProps
15. Formik - Components
  PRUEBA GRATIS
16. Formik - Selects y Checks
17. Formik - Abstraction - useField
18. Formik - Custom Select
19. Formik - Custom Checkbox
20. Pequeñas optimizaciones
21. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación del ejercicio
4. Tarea - Formulario de registro con Formik
5. Formularios dinámicos
6. Creando el initialValues de forma dinámica
7. Selects de manera dinámica
8. Validaciones dinámicas
9. Validaciones dinámicas adicionales
10. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Inicio de proyecto - MyStoryBook
4. Instalar y configurar Storybook
5. Componente - MyLabel
  PRUEBA GRATIS
6. Añadir props y controles a nuestra historia y componente
7. Documentar automáticamente las descripciones
8. Tarea: Propiedades y controles adicionales
9. Resolución de la tarea
10. Desplegar Storybook a servidores
11. Github y GitHub Pages
12. Bonus: Chromatic
13. Bonus: Chromatic - Atrapar cambios en el UI
14. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación del proyecto
4. Configuraciones en el package.json
5. Configuraciones en el tsconfig.json
6. Eliminar manualmente la carpeta de distribución
7. Copiar recursos estáticos
8. npm publish
9. Información adicional del paquete
10. Probar importación del paquete
11. NP - A better npm publish
12. Crear nueva versión de nuestro paquete
13. Npm Check Updates
14. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Preparación de la sección
4. ¿Cómo funciona la aplicación actual?
5. Introducción a las PWAs y Service Workers
1. Introducción a la sección
2. Temas puntuales de la sección
3. Levantar los procesos de backend y frontend
4. Service Worker para una aplicación existente - npx
5. ¿Qué está sucediendo con la configuración por defecto?
6. Manual - Descarga e instalación SW
7. Manual - Grabar en caché
8. Manual - Fetch dentro del service worker
9. Manual - Network first with cache fallback
10. Manual - Network first with cache fallback - Parte 2
11. Tarea - Almacenar en caché los eventos
  PRUEBA GRATIS
12. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación de la aplicación
4. Workbox CLI - Wizard
5. Workbox SW Manual
6. Workbox Cache Strategies
7. Verificación de Token offline
8. Background Sync - Posteos sin conexión
9. Tarea - Put y Delete
10. Optimizar nuestro service worker
11. Mostrar mensaje de Online y Offline
12. Código fuente de la sección
1. Temas puntuales de la sección
2. Demostración del objetivo al final
3. Inicio de Proyecto - MapasApp
4. Crear el contexto de lugares
5. PlacesReducer - Estado de nuestro contexto
6. Obtener la geolocalización del usuario
7. Mostrar la geolocalización del usuario en pantalla
8. Mostrar mapa de Mapbox
9. Crear el contexto para el mapa
10. Establecer el mapa en el contexto
11. Marcadores, Popups y botón de ubicación
12. Mostrar logo de React
13. SearchBar y Debounce manual
14. Buscar lugares basados en el query de búsqueda
15. Colocar el tipo de dato y almacenarlo en en el state
16. Mostrar los lugares encontrados
17. Colocar marcadores en cada lugar encontrado
18. Volar y activar el lugar seleccionado
19. DirectionsApi - Direcciones entre dos puntos
20. Probar el API desde React
21. Mostrar la polyline en el mapa
22. Desplegar aplicación
23. Código fuente de la sección
1. Más información sobre nuestros otros cursos
2. Despedida

Acerca de este curso

236 lecciones
28 horas de contenido en video
USD 50.00

Cursos que podrían intesarte

+DevTalles

Este segmento es exclusivo para sesiones en vivo con Fernando Herrera. Durante estas podrás realizar preguntas relacionadas al contenido de sus cursos y participar de forma interactiva con los panelistas. Se incluyen grabaciones de sesiones pasadas.

Pago único

Adquiere el curso con un único pago de forma vitalicia, con acceso a la comunidad y posibles actualizaciones futuras.

$50.00

Promociones y descuentos pueden aplicar.

Comprar ahora

Suscripción
Devtalles PRO Mensual

^USD16

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante el mes de vigencia.

Suscripción
DevTalles PRO Trimestral

^USD48

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante 3 meses de vigencia.

Suscripción
DevTalles PRO Semestral

^USD96

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante los 6 meses de vigencia.

Suscripción
DevTalles PRO Anual

^USD176

El mejor precio disponible

Suscribirme ahora

Adquiere 1 año entero de suscripción al precio de 11 meses. Obtienes acceso ilimitado a toda la plataforma, comunidades, cursos, clases en vivo, acceso anticipado a una comunidad exclusiva y cursos en construcción.

¿Cuál es el siguiente paso?

Si quieres profundizar tu conocimiento en React, te invitamos a seguir el Programa React Expert diseñado para que sigas aprendiendo.

Ver programas

React PRO: Lleva tus bases al siguiente nivel

Contenido del curso

Sección 1: Introducción

Sección 2: Reforzamiento sobre React

Sección 3: Opcional - Construcción del proyecto inicial

Sección 4: LazyLoad - Chunks - React Router Dom V5

Sección 5: Patrones de componentes - Compound Component Pattern

Sección 6: Patrones de componentes - Extensible Styles

Sección 7: Patrones de componentes - Control Props

Sección 8: State initializer + Function Child = Render Props - Formik implementation

Sección 9: NPM Deploy - Desplegar paquete de componentes

Sección 10: Formik - React Forms

Sección 11: Formik Dynamic y Custom Forms

Sección 12: Storybook - Cama para creación y mantenimiento de componentes y paquetes

Sección 13: NPM Empaquetamiento y publicación

Sección 14: Aplicación de React y Backend para PWA

Sección 15: React + PWA

Sección 16: Workbox

Sección 17: Mapas - Marcadores - Rutas - Polylines - Mapbox

Sección 18: Despedida del curso

Acerca de este curso

Cursos que podrían intesarte

+DevTalles

Next.js: El framework de React para producción

Node.Js: De cero a experto

ReactiveX - RxJs: De cero hasta los detalles

Pago único

$50.00

Suscripción
Devtalles PRO Mensual

Suscripción
DevTalles PRO Trimestral

Suscripción
DevTalles PRO Semestral

Suscripción
DevTalles PRO Anual

¿Cuál es el siguiente paso?

Sección 1: Introducción

Sección 2: Reforzamiento sobre React

Sección 3: Opcional - Construcción del proyecto inicial

Sección 4: LazyLoad - Chunks - React Router Dom V5

Sección 5: Patrones de componentes - Compound Component Pattern

Sección 6: Patrones de componentes - Extensible Styles

Sección 7: Patrones de componentes - Control Props

Sección 8: State initializer + Function Child = Render Props - Formik implementation

Sección 9: NPM Deploy - Desplegar paquete de componentes

Sección 10: Formik - React Forms

Sección 11: Formik Dynamic y Custom Forms

Sección 12: Storybook - Cama para creación y mantenimiento de componentes y paquetes

Sección 13: NPM Empaquetamiento y publicación

Sección 14: Aplicación de React y Backend para PWA

Sección 15: React + PWA

Sección 16: Workbox

Sección 17: Mapas - Marcadores - Rutas - Polylines - Mapbox

Sección 18: Despedida del curso

Acerca de este curso

+DevTalles

Next.js: El framework de React para producción

Node.Js: De cero a experto

ReactiveX - RxJs: De cero hasta los detalles

$50.00

Suscripción Devtalles PRO Mensual

Suscripción DevTalles PRO Trimestral

Suscripción DevTalles PRO Semestral

Suscripción DevTalles PRO Anual

Suscripción
Devtalles PRO Mensual

Suscripción
DevTalles PRO Trimestral

Suscripción
DevTalles PRO Semestral

Suscripción
DevTalles PRO Anual