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

Nota aclaratoria: los códigos de ejemplo que se pueden encontrar en el libro se han desarrollado usando las versiones de software y librerías más actuales en el momento de la publicación del mismo, pero, como sabe, el software es algo que está en constante evolución y esto puede haber variado desde su fecha de publicación. Por este motivo existe la posibilidad que, de manera puntual, la sintaxis de algún ejemplo pueda variar.

Copyright © Packt Publishing Ltd. 2018. First published in the English language under the title React Cookbook (9781783980727).

Primera edición original publicada en inglés por Packt Publishing Ltd. con el título:

React Cookbook, © 2018 Carlos Santana Roldán

Título de la edición en español: Ejercicios prácticos con React

Primera edición en español, año 2020

Traducción: Francisco Martínez Carreno

Correctora: Nuria Barroso

Directora de producción: M.a Rosa Castillo

Los códigos de ejemplo que se pueden encontrar en el libro se han desarrollado usando las versiones de software y librerías más actuales en el momento de la publicación del mismo, pero, como sabe, el software es algo que está en constante evolución, y estas pueden haber variado desde su fecha de publicación. Por este motivo existe la posibilidad que, de manera puntual, la sintaxis de algún ejemplo pueda variar.

Cualquier forma de reproducción, distribución, comunicación pública o transformación de esta obra solo puede ser realizada con la autorización de sus titulares, salvo excepción prevista por la ley. Diríjase a CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org) si necesita fotocopiar o escanear algún fragmento de esta obra.

ISBN: 978-84-267-2867-8

Producción del ebook: booqlab.com

A la memoria de mis abuelas, María Concepción Carrillo y Ana María Ochoa, a mi madre, Thelma C. Roldán, y a mi padre Francisco Santana, por sus sacrificios y por dar ejemplo de la importancia de la determinación y la dedicación.

Carlos Santana Roldán

Sobre el autor

Carlos Santana Roldán es desarrollador web senior con más de 11 años de experiencia. Actualmente, ocupa la jefatura técnica de React Technical Lead en Disney ABC Television Group. Es el fundador de Codejobs.com, una de las comunidades de desarrolladores más populares de América Latina, y se ocupa de la capacitación de personal en tecnologías web tales como React, Node.js y JavaScript.

Me gustaría expresar mi más profundo aprecio y especial gratitud a todas las personas del equipo editorial de Packt que me han ayudado en la realización de este libro, especialmente a Francis Savio Carneiro, Larissa Pinto y Diksha Wakode.

También me gustaría agradecer a Adrian Aguirre y Tony Guerrero la ayuda que me han prestado con el libro. Finalmente, quiero expresar mi más profundo agradecimiento a mi esposa, Cristina Rojas, por su apoyo; a mis padres, Francisco Santana y Thelma Roldán por su estímulo en mi desarrollo profesional y a mis amigos y familiares que me han ayudado a dar a conocer el libro.

Sobre el experto en revisión

Mayur Tanna es consultor senior de TI y es empleado de CIGNEX Datamatics. Ha trabajado en varios proyectos importantes con clientes internacionales como el Banco Mundial y Naciones Unidas, y ha desempeñado un papel clave en la creación de la arquitectura de los citados proyectos utilizando las últimas tecnologías, entre las que se incluyen React, Angular, Node.js, MongoDB, Spring Boot, Firebase, Amazon Web Services y Google Cloud Platform. Mayur es coautor del libro Serverless Web Applications with React and Firebase. Tiene el título de maestría en aplicaciones informáticas y ha entrenado a muchos estudiantes de ingeniería por medio de talleres tecnológicos. En su tiempo libre, juega al tenis de mesa y al críquet.

Quiero agradecer a mi esposa, la doctora Purna, a mis padres, Ratilal y Nirmala, a mi hijo pequeño, Dhyey, y al resto de mi familia, que me han apoyado y animado a pesar de todo el tiempo en el que no he podido disfrutar de su compañía. Sin su apoyo, la revisión de este libro no habría sido posible. También me gustaría agradecer al equipo de Packt que me haya dado la oportunidad de revisar este libro.

Prefacio

Capítulo 1: Uso de React

Introducción

Uso de React con 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...

Capítulo 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 de XSS en React

Cómo hacerlo...

Cómo funciona...

Hay más...

Capítulo 3: Tratamiento de eventos, vinculación y paquetes de React útiles

Introducción

Métodos vinculantes usando constructores en lugar de 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...

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

Capítulo 5: Dominio de Redux

Introducción

Creación de Store en Redux