Carlos Santana Roldán - Ejercicios prácticos con React

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...

Capítulo 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...

Capítulo 7: Animaciones con React

Introducción

Animación de una lista de tareas con ReactCSSTransitionGroup

Preparación

Cómo hacerlo...

Cómo funciona...

Uso 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...

Capítulo 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...

Capítulo 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 de un servidor back-end GraphQL

Cómo hacerlo...

Cómo funciona...

Capítulo 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

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

Cómo 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...

Capítulo 11: Implementación de 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 renderizado del lado del servidor

Preparación

Cómo hacerlo...

Cómo funciona...

Implementación de Next.js

Preparación

Cómo hacerlo...

Cómo funciona...

Capítulo 12: Pruebas y depuración

Introducción

Prueba del primer componente con Jest y Enzyme

Preparación

Cómo hacerlo...

Como 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...

Capítulo 13: Despliegue en la fase de 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...

Capítulo 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

Como hacerlo...

Cómo funciona...

Preguntas más frecuentes sobre React

Hoy en día existen toneladas de bibliotecas JavaScript, frameworks y herramientas para el desarrollo web. Sin embargo, debe evaluar cada tecnología para saber si se ajusta a los requisitos de nuestro proyecto. Este es el motivo de presentar React, una de las bibliotecas más capaces para la creación de interfaces de usuario dinámicas. Actualmente es la biblioteca más extendida (no es un framework) hecha por Facebook. He trabajado con otros frameworks JS como AngularJS (también con las nuevas versiones Angular 2, 4, 5), Backbone.js, Ember, y Vue.js en diferentes proyectos y puedo afirmar que React es la biblioteca con la que más disfruto a la hora de desarrollar nuevas aplicaciones web.

React ha cambiado la forma de desarrollar aplicaciones web y, en combinación con Redux, se consigue una potente arquitectura front-end que tiene sentido no solo para los desarrolladores experimentados, sino también para aquellos que están iniciando su viaje por el front-end.

El libro presenta todas las herramientas y las mejores prácticas de React en recetas sencillas y fáciles de seguir. Todas las recetas del libro son 100 % prácticas y cada una tiene el código necesario para entender lo más importante.

Bienvenido a un futuro mejor; diviértase y aprenda con la lectura de este libro.

A quién va dirigido este libro

Este libro lo pueden utilizar desarrolladores que tengan conocimientos básicos sobre la creación de aplicaciones web. Pero está especialmente indicado para desarrolladores de JavaScript, aunque no pone límite a cualesquiera otros tipos de desarrollos.

De lo que trata este libro

Capítulo 1, Uso de React. React es una biblioteca JavaScript (con licencia del MIT) hecha por Facebook para desarrollar interfaces de usuario interactivas. Se utiliza para crear componentes dinámicos y reutilizables. Lo más importante de React es que se puede utilizar como cliente, como servidor, en aplicaciones móviles e incluso en aplicaciones RV.

Capítulo 2, Cómo dominar los componentes y JSX. Este capítulo contiene recetas relacionadas con la creación de componentes en React. Va a aprender a crear componentes de React (componentes de clase, componentes puros y componentes funcionales) y a organizar la estructura de su proyecto.

Capítulo 3, Gestión de eventos, vinculación y paquetes de React útiles. Este capítulo contiene recetas relacionadas con la gestión de eventos, métodos vinculantes en React, y también va a implementar algunos de los paquetes más útiles de React.

Capítulo 4, Adición de rutas a aplicaciones con React Router. En este capítulo, va a aprender a añadir rutas dinámicas a los proyectos usando React Router v4.