Saber TypeScript es 煤til pero no indispensable (introducci贸n inclu铆da)
Poder realizar instalaciones en el equipo como administrador
Descripci贸n
React Pro:聽Lleva tus bases al siguiente nivel
Bienvenidos a mi curso de React Pro, el objetivo principal es simple, mejorar tus habilidades existentes de React. No es un curso para personas que quieran empezar con esta librer铆a, ya que el curso est谩 dirigido a personas que ya tengan conocimientos de React con Hooks.
Breve Descripci贸n del curso
El curso empieza con una breve introducci贸n de React con Typescript, pero dejo videos adicionales en YouTube para mayor referencia (dichos videos creados por mi tambi茅n y son 5 horas adicionales no incluidas aqu铆), luego pasamos a la creaci贸n de un peque帽o proyecto que nos servir谩 para practicar diferentes patrones de creaci贸n de componentes, explicar茅 varios muy populares y poco a poco iremos creando un juego de componentes robusto que desplegaremos a NPM聽mediante TSDX. En el camino pasamos por separaci贸n de m贸dulos y lazyload, adicionalmente doy mi punto personalizado preferido para trabajar con m贸dulos.
Luego explicamos Formik, validaciones, Yup y formularios din谩micos, creando componentes re-utilizables simples que nos ayudar谩n a no tener que escribir lo mismo una y otra vez.
Posteriormente pasamos a Storybook, explicamos qu茅 es, para que nos puede servir, creamos un par de configuraciones y luego publicamos nuestro Storybook en varios lugares, eventualmente crearemos los archivos de configuraci贸n de TypeScript necesarios, modificaciones en el package.json y configuraciones con semantic release para realizar todo un proceso sistematizado de creaci贸n y actualizaci贸n de componentes utilizando GitHub Actions como intermediario.
Despu茅s nos movemos a levantar una aplicaci贸n realizada en mi curso de React de cero a experto que tiene un backend personalizado con JWTs, para transformar nuestra aplicaci贸n de React en una PWA, explicando configuraciones autom谩ticas, manuales y personalizaciones que nos permitan trabajar sin conexi贸n a internet nuestra aplicaci贸n de React, tambi茅n instalarla como si fuera una aplicaci贸n de Windows, Linux o Mac.
Temas puntuales del curso:
El curso esta cargado de mucha informaci贸n para mejorar nuestras habilidades de React, puntualmente estos son algunos temas de inter茅s que tocamos en el curso:
React con TypeScript en un 95% del curso
Lazyload y Suspense
Rutas Hijas
Modularizaci贸n
Git y GitHub para el manejo de ramas, versiones y acciones
Patrones de creaci贸n de componentes
Compound Components Pattern
Extensible Styles Pattern
Control Props Pattern
State Initializer Pattern
Function Child Pattern
Custom State Initializer + Function Child pattern
Despliegues a NPM
TSDX
Storybook to NPM
Despliegue manual a NPM: TypeScript +聽create-react-app
Semantic Release autom谩tico
Formik
Formularios tradicionales
Validaciones manuales
Validaciones con Yup
Custom Formik Hooks
Componentes de Formik
Formik Abstractation
Componentes personalizados reutilizables para Formik
Formularios din谩micos
Validaciones de formularios din谩micos
Storybook
Introducciones
Properties
Opciones
Elementos
Controles
Despliegues
Publicaciones a NPM
TypeScript
Documentaci贸n autom谩tica
Bonus: Chromatic
Bonus: Notas en Chromatic
GitHub Actions: El procedimiento a crear el siguiente
Configuraci贸n de acciones
Instalaci贸n de Node
Build de aplicacion de React
Creaci贸n de un versionamiento semantico
Generar Release
Publicaci贸n autom谩tica a Npm
Despliegue autom谩tico de Storybook
PWA:
Service Worker
Manifest
Configuraciones autom谩ticas de npx create-react-app
Configuraciones manuales
Estrategias de cach茅
Pre-cache
Cache Only
Cache first with network fallback
Network first with cache fallback
Network only
Offline mode
CRUD聽sin conexi贸n
Create
Read
Update
Delete
Background Sync
Workbox
Configuraci贸n manual
Configuraci贸n con Wizard
Configuraci贸n preferida por mi (manual)
Background Sync
IndexedDB
Workbox CDN
M贸dulos de Workbox
React - Detectar online y offline
Nuevamente el curso tiene por objetivo pulir tus habilidades existentes de React con Hooks y llevarlas a un nivel superior para que tus aplicaciones de React sean a煤n mejores.
Espero el curso te ayude mucho y espero verte dentro del curso!
驴Para qui茅n es este curso?
Desarrolladores actuales de React
Desarrolladores que quieran seguir progresando en React
Todos los que quieran saber m谩s sobre PWAs con Workbox
Los que quieran aprender a desplegar paquetes a NPM de diferentes formas
Todos los que quiera aprender React con TypeScript
Personas que quiera modularizar la aplicaci贸n
Debes tener en cuenta que los
cupones duran maximo 4 dias o hasta agotar 1000 inscripciones,pero puede vencer
en cualquier momento. Obten el curso con cupon haciendo clic en el siguiente
boton:
(Cup贸n v谩lido para las primeras
1000 inscripciones): ABRIL-2024
驴El c贸digo de cup贸n que
est谩 mostrando est谩 caducado o no funciona?
En realidad, todos los c贸digos de cup贸n
que se muestran en Cursosdev funcionan al 100%, Debes tener en cuenta que los cupones
duran maximo 5 dias o hasta agotar 1000 inscripciones, pero puede vencer en cualquier
momento
Usamos cookies en este sitio web para brindarle la mejor experiencia en nuestro sitio y mostrarle anuncios relevantes. Para obtener m谩s informaci贸n, lea nuestro pol铆tica de privacidad& pol铆tica de cookies.
