Preparación
Presentación
Mercado Laboral
Conceptos Básico del entorno NodeJS y NPM
Package Manager con NPM o YARN
IDE Visual Studio Code
ReactJS
Hola Mundo!
Creación de una App ReactJS
Creación de una app
Plantillas/Wireframes
Creación de Componentes
Integración con el VSCode
Sintaxis ES6 - Arrow Functions
Primeros Componentes
Debugging en Chrome
Sintaxis ES6 - Object and Array Destructuring
Sintaxis ES6 - Template Strings
Instalación de Dependencias usando un package manager
Uso de los componentes
Solidificación de conceptos
Uso de constantes
Proptypes
Validaciones de Proptypes
Optimización del espacio de trabajo
Estilos
Usando CSS en ReactJS
CSS, Preprocessors y CSS Modules
Uso de Estilos
Uso de Fuentes
Debugging de Estilos
Más conceptos ReactJS
Proptype.Shape
Componentes funcionales a Class Components
Eventos basicos - OnClick
Manejo de State
SetState
Debugging en Chrome - React Developer Tool
Conexión con una API
Mostrar una api rest de ejemplo
Uso de fetch y debugging en Chrome
Promises
Transformación de datos
Sintaxis ES6 - Object Literal Property Value Shorthand
React Class Component LifeCycle
ComponentDidMount
Indicador de carga, JS Sintaxis Operador Ternario
Estilos 2
Material Design
Materia UI
Instalación y uso de MaterialUI
Coding Extras
ESLinter
Properties en Class Components
Sintaxis JS/ES6 - Map
Uso de key keyword
Eventos, Routing y Global State
Event Bubbling
Responsive
Media Queries, Flexbox, Bootstrap
Grid System de React Flexbox / Bootstrap
React Flexbox: Autosize, Alignment, Distribution
Debugging en Chrome
Uso Grid, Row, Col y vh
MaterialUI AppBar
CSS Mejoras
Media Query avanzado
Estado Globales
App State
Ciclo de actualización state / render
Estados iniciales
Sintaxis JS/ES6 - Truthy values y Falsy values
Ciclo de vida de React: ComponentWillReceiveProps
Teoría React
Revisión General
Ciclo de Vida ReactJS 16
¿Qué hace que un componente se actualice?
Virtual DOM
One Way Data Flow
Proceso de Reconciliation
Reconciliation en acción
SPA vs MPA
Redux
Instalación de Redux, React-Redux y Redux Dev Tool
Creación del store, dispatch de acciones
Generación de action creator
Providers
Connect
Funciones que retornan funciones
React-Redux - DispatchToProps
Containers vs Presentational Components
Reducers
JS Concept - Pure Functions
React-Redux - MapStateToProps
Redux 2
Middlewares en Redux
Redux middleware - Thunk
Creación de Action Creators
Creación de Reducer
Lodash
Sintaxis ES6 - Spread Operator
React Routes
Conceptos y Aplicación
React Forms
Conceptos y Aplicación
