Resumen del curso React Avanzado

Objetivos
El curso tiene como objetivo que el alumno domine al máximo las posibilidades que React ofrece y profesionalice sus desarrollos.
Evoluciona Redux incorporando acciones asincrónicas. Trabajar con Thunk
APIs externas con Fetch
React-Thunk para acciones asincrónicas
Realizar una aplicación de ABM desde cero
Middlewares de Redux
Implementar Saga en un proyecto
 
Contenido
React JS Avanzado
1. Hooks (Transversal a todo el curso)
● Que intentan solucionar
● Componentes funcionales con estado
● UseState
● UseEffect
● UseContext
● UseReducer
● Se utilizarán Hooks en todos proyectos en todas las clases
2. Styling del Proyecto (Transversal a todo el curso)
● Durante el curso se utilizarán y explicarán distintas librerías para estilizar
los proyectos
● Bootstrap && react-bootstrap
● Material Design UI
● Styled Components
3.Testing
● Testing de aplicaciones de React con JEST
● Configuración de Tests con JEST
● Diseño de pruebas
● Mocks
● Ejecución de casos de prueba
4. React-thunk
● Llamadas a APIs externas con fetch
● Axios como alternativa AJAX desde mis componentes
● Utilizar react-thunk para acciones asincrónicas
● Realizar una aplicación de ABM desde cero hasta terminarla
● Conectar tus desarrollos con APIs externas
● Comprender que son los middlewares de redux y su uso
5. React-saga
● Generadores en Javascript
● Uso y ejemplos de generadores
● Implementation de react-sagas
● Incluir en tus proyectos generadores de JS
● Entender en qué situaciones nos sirven y para que se usan
● Implementar redux-sagas como una alternativa a redux-thunk
● Manejar acciones asincrónicas con redux-thunk

6. Context API
● Creation y Provider
● Valores por defecto
● Consumir un contexto
● Cambiar el valor al contexto
● Identificar cuándo utilizar
● Context API en tus desarrollos
● Implementar un proveedor de contexto
● Consumir en diferentes componentes el contexto
● Manejar el estado de tu aplicación con context-api
7. Patrones de Diseño en React
● Problemas existentes en React
● Patrón High Order Component y casos de uso
● Patrón RenderProps
● Identificar cuándo utilizar
● Context API en tus desarrollos Implementar un proveedor de contexto
● Consumir en diferentes componentes el contexto
● Manejar el estado de tu aplicación con context-api. 8. Unidad Integradora
● Repaso general del contenido de la cursada.
● Preguntas y dudas sobre todo el contenido.
● Material de estudio variable en base a lo que los alumnos decidieron en clases anteriores.
● Actividad integradora final.