|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-pro/
课程评论：没有评论
课程名称：React PRO: Lleva tus bases al siguiente nivel 课程概述： 欢迎参加React Pro课程，主要目标是提升你现有的React技能。该课程并不适合初学者，而是专为已经掌握了React与Hooks的人士设计。 课程简介： 课程开始于React与TypeScript的简要介绍，后续提供了更多的YouTube视频供参考（额外的5小时视频不包含在课程中）。接下来，我们将创建一个小项目，以实践不同的组件创建模式，逐步构建一个强大的组件游戏，并通过TSDX发布到NPM。课程中还包括模块分离和懒加载的内容，并分享我个人喜欢的模块工作方式。 然后，我们将介绍Formik、验证、Yup和动态表单，创建简单的可重用组件，以避免重复编码。随后进入Storybook的学习，了解其用途并进行配置，最终将Storybook发布到多个平台，同时创建所需的TypeScript配置文件、修改package.json，并通过semantic release实现组件创建和更新的系统化流程，使用GitHub Actions作为中介。 接着，我们将基于我之前的React从零到专家课程，构建一款带有自定义后端的JWT应用，转变为PWA，详细讲解自动和手动配置，以及使React应用离线工作的方法，以便像Windows、Linux或Mac应用般安装。 课程重点主题： 本课程信息丰富，旨在提升React技能，包括但不限于以下主题： - 95%的课程涉及React与TypeScript - Lazyload和Suspense - 子路由 - 模块化 - Git与GitHub进行分支、版本管理与动作 - 组件创建模式，包括复合组件模式、可扩展样式模式、控制属性模式等 - NPM发布与TSDX - Storybook的使用和发布 - PWA的构建，包括Service Worker与Manifest配置 附加内容： - 使用GitHub Actions实现自动操作的完整流程 - 离线模式支持及CRUD功能 - Workbox的手动和向导配置 - React应用检测在线与离线状态 此课程旨在提升你的React与Hooks技能，使你开发的React应用更为出色。期待在课程中见到你！
React Pro: Lleva tus bases al siguiente nivelBienvenidos 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 cursoEl 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 cursoLazyload y SuspenseRutas HijasModularizaciónGit y GitHub para el manejo de ramas, versiones y accionesPatrones de creación de componentesCompound Components PatternExtensible Styles PatternControl Props PatternState Initializer PatternFunction Child PatternCustom State Initializer + Function Child patternDespliegues a NPMTSDXStorybook to NPMDespliegue manual a NPM: TypeScript + create-react-appSemantic Release automáticoFormikFormularios tradicionalesValidaciones manualesValidaciones con YupCustom Formik HooksComponentes de FormikFormik AbstractationComponentes personalizados reutilizables para FormikFormularios dinámicosValidaciones de formularios dinámicosStorybookIntroduccionesPropertiesOpcionesElementosControlesDesplieguesPublicaciones a NPMTypeScriptDocumentación automáticaBonus: ChromaticBonus: Notas en ChromaticGitHub Actions: El procedimiento a crear el siguienteConfiguración de accionesInstalación de NodeBuild de aplicacion de ReactCreación de un versionamiento semanticoGenerar ReleasePublicación automática a NpmDespliegue automático de StorybookPWA:Service WorkerManifestConfiguraciones automáticas de npx create-react-appConfiguraciones manualesEstrategias de cachéPre-cacheCache OnlyCache first with network fallbackNetwork first with cache fallbackNetwork onlyOffline modeCRUD sin conexiónCreateReadUpdateDeleteBackground SyncWorkboxConfiguración manualConfiguración con WizardConfiguración preferida por mi (manual)Background SyncIndexedDBWorkbox CDNMódulos de WorkboxReact - Detectar online y offlineNuevamente 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!
