|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/guia-completa-react-hooks-manual-desde-cero-con-ejemplos/
课程评论：没有评论
**课程名称：** Guía completa React Hooks: Manual Desde Cero con Ejemplos **课程概述：** 本课程旨在全面介绍React Hooks，深入讲解每个Hook的“为什么”、“怎么用”以及“适用场景”，并强调最佳实践。课程特色包括： * **Hook原理与应用：** 详细解析每个Hook的使用场景和实现方式。 * **类组件与函数组件对比：** 通过对比类组件和使用Hooks的函数组件的实现方式，加深学习理解。 * **源码可得：** 提供课程中所有示例的源代码，方便学员实践、修改和深入探索。 * **实战项目：** 结合行业实际项目，让学员学习如何运用Hooks及React生态系统解决真实世界的问题。 * **实践导向：** 课程以大量实际例子为基础，并与类组件的等效实现进行对比。 **课程内容概要：** 1. **React Hooks入门** 2. **useState：状态管理** * 状态变量在类组件和函数组件中的对比 * 使用useState更新数组 * 使用useState更新对象 * useState回顾 3. **useEffect：副作用处理** * useEffect特性 * 数据请求（模拟componentDidMount和componentDidUpdate） * 订阅和取消订阅（模拟componentDidMount和componentWillUnmount） * useEffect回顾 4. **useCallback：函数记忆** * useCallback优化示例（包含React.memo） * 何时需要记忆函数 * useCallback回顾 5. **useMemo：计算优化** * PureComponent、React.memo和useMemo的对比 * useMemo回顾 6. **useReducer：复杂状态管理** * Reducer函数 * useReducer组件示例 * useReducer与Redux的区别 * useReducer回顾 7. **useContext：全局状态管理** * 类组件中的Context和函数组件中的useContext对比 * useContext回顾 8. **useRef：引用与实例变量** * 在函数组件中模拟实例变量（this） * useRef回顾 9. **React开发者进阶之路**
Conoce los por qué, cómo y en qué casos aplicar cada hook.Vamos a revisar en cada hook cuáles son los escenarios donde conviene aplicarlos y cómo hacerlo con buenas prácticas.Comparativas entre clases y hooksPara facilitar el aprendizaje vamos a ver ejemplos en componentes de tipo clase y después haremos la versión equivalente en componente funcionales con hooks.Acceso a ejemplos con código fuenteLeer sin aplicar no sirve de mucho. Es por eso que tienes acceso al código fuente de los ejemplos para que puedas ejecutarlo, editarlo y ver los resultados.Aplica lo aprendido en proyectos realesHarás proyectos prácticos con enfoque de la vida real como se hace en la industria para que aprendas cómo aplicar los hooks (y muchas cosas más del ecosistema de React) resolviendo problemas de la vida real.Modalidad del cursoEste curso es orientado a ver ejemplos prácticos de los hooks junto a una comparación de sus equivalentes en componentes de tipo clases.Introducción a los React Hooks- Hook de estado: useState-- Comparacion de componente tipo clase y funcional al usar variables de estado-- Actualizando Arrays con useState-- Actualizando Objetos con useState-- Recapituacion del hook useState- Hook de efectos secundarios useEffect-- Caracteristicas de useEffect-- Peticion de datos (componentDidMount y componentDidUpdate)-- Iniciar y eliminar subscripciones (componentDidMount, componentWillUnmount)-- Recapitulacion del hook useEffect- Hook para memorizar funciones useCallback-- Ejemplo de optimización con useCallback (incluyendo React.memo)-- Debo memorizar funciones todo el tiempo?-- Recapitulacion del hook useCallback- Hook para optimizar cálculos useMemo-- PureComponent, React.memo y useMemo-- Recapitulacion del hook useMemo- Hook para estados complejos useReducer-- Funciones reductoras (reducers)-- Ejemplo de un componente con useReducer-- Diferencia entre useReducer y Redux-- Recapitulacion del hook useReducer- Hook para manejar la API de Context useContext-- Ejemplo de Context en componente clase y useContext en componente funcional-- Recapitulación del hook useContext- Hook para trabajar con referencias useRef-- Emular variables de instancia en componente funcional (this)-- Recapitulación del hook useRef- Siguientes pasos en tu carrera de React Developer
