Оглавление
Carlos Santana Roldán. Ejercicios prácticos con React
Contenido
Prefacio
1. Uso de React
Introducción
Uso de React empleando las últimas características de JS
Cómo hacerlo..
¿Qué novedades hay en React?
Cómo hacerlo..
Utilización de React en Windows
Cómo hacerlo..
2. Cómo dominar los componentes y JSX
Introducción
Creación del primer componente de React
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
La organización de aplicaciones de React
Cómo hacerlo..
Cómo funciona..
Estilización de componentes con clases CSS y estilos en línea
Cómo hacerlo..
Cómo funciona..
Hay más..
Paso de props a componentes y su validación con PropTypes
Cómo hacerlo..
Cómo funciona..
Hay más..
Uso del estado local en componentes
Cómo hacerlo..
Cómo funciona..
Hay más..
Creación de componentes funcionales o apátridas
Cómo hacerlo..
Cómo funciona..
Hay más..
Asimilación de los métodos de ciclo de vida de React
Cómo hacerlo..
Lista de tareas, implementación de ComponentWillMount
El temporizador Pomodoro, implementación del constructor y de componentDidMount
Cambiador de criptomonedas, implementación de shouldComponentUpdate
Notas, implementación de componentWillReceiveProps y de componentWillUnmount
Gráficos C3.js, implementación de componentDidUpdate
Animación básica, implementación de componentWillUpdate
Cómo funciona..
Asimilación de los componentes puros de React
Preparación
Cómo hacerlo…
Cómo funciona…
Prevención de vulnerabilidades XSS en React
Cómo hacerlo..
Cómo funciona..
Hay más..
3. Tratamiento de eventos, vinculaciones y paquetes de React útiles
Introducción
Métodos vinculantes que utilizan constructores frente a los que utilizan funciones flecha
Cómo hacerlo..
Cómo funciona..
Creación de elementos de formularios con eventos
Cómo hacerlo..
Cómo funciona..
Hay más..
Visualización de información en una ventana modal con react-popup
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
Implementación con la guía de estilo de Airbnb React/JSX
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
Actualización de títulos y etiquetas meta con React Helmet
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
4. Adición de rutas a aplicaciones con React Router
Introducción
Implementación de React Router v4
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
Adición de parámetros a las rutas
Cómo hacerlo..
Cómo funciona..
5. Dominio de Redux
Introducción
Creación de Store de Redux
Preparación
Cómo hacerlo..
Cómo funciona..
Elaboración de creadores de acciones y envío de acciones
Preparación
Cómo hacerlo..
Cómo funciona..
Implementación de Firebase con Redux
Preparación
Cómo hacerlo..
Cómo funciona..
6. Creación de formularios con Redux Form
Introducción
Creación de formularios controlados mediante el estado local
Preparación
Cómo hacerlo..
Cómo funciona..
Creación de formularios utilizando Redux Form
Preparación
Cómo hacerlo..
Cómo funciona..
Implementación de la validación en formularios
Cómo hacerlo..
Cómo funciona..
7. Animaciones con React
Introducción
Animación de una lista de tareas con ReactCSSTransitionGroup
Preparación
Cómo hacerlo..
Cómo funciona..
Utilización de la biblioteca react-animations
Preparación
Cómo hacerlo..
Hay más..
Creación de la primera animación con React Pose
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
8. Creación de API con Node.js haciendo uso de MongoDB y MySQL
Introducción
Creación de API básicas con Express
Preparación
Cómo hacerlo..
Cómo funciona..
Elaboración de bases de datos con MongoDB
Preparación
Instalación de MongoDB Community Edition manualmente (opción difícil)
Instalación de MongoDB Community Edition con Homebrew (opción fácil)
Ejecución de MongoDB
Cómo hacerlo..
Cómo funciona..
Puntos finales del método GET
Puntos finales del método POST
Puntos finales del método DELETE
Puntos finales del método PUT
Elaboración de una base de datos con MySQL
Preparación
Cómo hacerlo..
Cómo funciona..
Puntos finales del método POST
Puntos finales del método GET
Puntos finales del método DELETE
Puntos finales del método PUT
Adición de tokens de acceso para proteger las API
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
9. Apollo y GraphQL
Introducción
Creación del primer servidor GraphQL
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
Creación de líneas de tiempo de Twitter con Apollo y GraphQL
Preparación
Creación del servidor back-end GraphQL
Cómo hacerlo..
Cómo funciona..
10. Dominio de Webpack 4.x
Introducción
Configuración de Webpack 4 Zero
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
Adición de React a Webpack 4
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
Adición de Webpack Dev Server y Sass, Stylus o LessCSS a React
Preparación
Como hacerlo..
Cómo funciona..
Hay más..
Optimización de Webpack 4, división de paquetes
Preparación
Cómo hacerlo..
Cómo funciona..
Implementación de Node.js con React/Redux y Webpack 4
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
11. Implementación del renderizado del lado del servidor
Introducción
Implementación del renderizado del lado del servidor
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
Implementación de promises con renderización del lado del servidor
Preparación
Cómo hacerlo..
Cómo funciona..
Implementación de Next.js
Preparación
Como hacerlo..
Cómo funciona..
12. Pruebas y depuración
Introducción
Prueba del primer componente con Jest y Enzyme
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
Prueba de un contenedor Redux, acciones y reductores
Preparación
Cómo hacerlo..
Depuración de aplicaciones de React utilizando Dev Tools de React y Redux
Preparación
Cómo hacerlo..
Simulación de eventos
Cómo hacerlo..
Cómo funciona..
13. Implementación en producción
Introducción
Implementación en producción con Digital Ocean
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
Configuración de Nginx, PM2 y un dominio en Droplet
Preparación
Cómo hacerlo..
Cómo funciona..
Hay más..
Implementación de Jenkins (integración continua)
Preparación
Cómo hacerlo..
Cómo funciona..
14. Uso de React Native
Introducción
Creación de la primera aplicación de React Native
Preparación
Cómo hacerlo..
Cómo funciona..
Creación de una lista de tareas con React Native
Cómo hacerlo..
Cómo funciona..
Hay más..
Implementación de React Navigation V2
Preparación
Cómo hacerlo..
Cómo funciona..
Preguntas más frecuentes sobre React