React: Up & Running, 2ª Edición

Table of contents

1. Prefacio
   1. Acerca de este libro
   2. Convenciones utilizadas en este libro
   3. Utilizar ejemplos de código
   4. Aprendizaje en línea O'Reilly
   5. Cómo contactar con nosotros
   6. Agradecimientos
2. 1. Hola Mundo
   1. Configurar
   2. Hola Mundo React
   3. ¿Qué acaba de ocurrir?
   4. React.createElement()
   5. JSX
      1. Configurar Babel
      2. Hola Mundo JSX
      3. Sobre la transpilación
   6. Siguiente: Componentes personalizados
3. 2. La vida de un componente
   1. Un componente de función personalizado
      1. Una versión JSX
   2. Un componente de clase personalizado
      1. ¿Qué sintaxis utilizar?
   3. Propiedades
      1. Propiedades en componentes de función
      2. Propiedades por defecto
   4. Estado
   5. Un componente de área de texto
   6. Hazlo con Estado
   7. Nota sobre los eventos DOM
      1. Gestión de eventos en los viejos tiempos
      2. Gestión de eventos en React
      3. Sintaxis de gestión de eventos
   8. Puntales contra el Estado
   9. Puntales en estado inicial: un antipatrón
   10. Acceder al Componente desde el Exterior
   11. Métodos del ciclo de vida
   12. Ejemplo de ciclo de vida: Regístralo todo
       1. Protección estatal paranoica
   13. Ejemplo de ciclo de vida: Utilizar un componente hijo
   14. Ganar rendimiento: Evitar Actualizaciones de Componentes
   15. ¿Qué ha sido de los componentes funcionales?
4. 3. Excel: Un componente de tabla elegante
   1. Datos Primero
   2. Bucle de cabeceras de tabla
   3. Bucle de cabeceras de tabla, una versión escueta
   4. Depurar la advertencia de la consola
   5. Añadir contenido <td>
      1. Tipos de puntal
      2. ¿Puedes mejorar el componente?
   6. Clasificación
      1. ¿Puedes mejorar el componente?
   7. Ordenar las señales de la IU
   8. Edición de datos
      1. Celda editable
      2. Celda del campo de entrada
      3. Guardar
      4. Conclusión y diferencias virtuales de DOM
   9. Busca en
      1. Estado e IU
      2. Filtrar contenidos
      3. Actualizar el método save()
      4. ¿Puedes mejorar la búsqueda?
   10. Repetición instantánea
       1. Limpiar manejadores de eventos
       2. Solución de limpieza
       3. ¿Puedes mejorar la repetición?
       4. ¿Una aplicación alternativa?
   11. Descargar los datos de la tabla
   12. Obtener datos
5. 4. Excel funcional
   1. Un rápido repaso: Componentes de función frente a componentes de clase
   2. Renderización de los datos
   3. El gancho del Estado
   4. Ordenar la tabla
   5. Edición de datos
   6. Buscando en
   7. Ciclos de vida en un mundo de ganchos
      1. Problemas con los métodos del ciclo de vida
      2. utilizarEfecto()
      3. Limpieza de los efectos secundarios
      4. Ciclos de vida sin problemas
      5. usarEfectoDisposición()
   8. Un gancho a medida
   9. Concluyendo la repetición
   10. useReducer
       1. Funciones reductoras
       2. Acciones
       3. Un ejemplo de Reductor
       4. Pruebas unitarias Reductores
   11. Componente Excel con Reductor
6. 5. JSX
   1. Un par de herramientas
   2. Espacios en blanco en JSX
   3. Comentarios en JSX
   4. Entidades HTML
      1. Anti-XSS
   5. Atributos de difusión
      1. Atributos de propagación de padres a hijos
   6. Devolver múltiples nodos en JSX
      1. Una envoltura
      2. Un fragmento
      3. Una matriz
   7. Diferencias entre JSX y HTML
      1. No hay clase, ¿para qué?
      2. el estilo es un objeto
      3. Etiquetas de cierre
      4. camelCase Atributos
   8. Componentes con nombre propio
   9. JSX y formularios
      1. Manejador onChange
      2. valor Versus valorpordefecto
      3. <textarea> Valor
      4. <selección> Valor
      5. Componentes controlados y no controlados
7. 6. Configuración para el desarrollo de aplicaciones
   1. Crear una aplicación React
      1. Node.js
      2. Hola CRA
      3. Construcción e Implementación
      4. Se cometieron errores
   2. package.json y node_modules
   3. Hurgando en el código
      1. Índices
      2. JavaScript: Modernizado
      3. CSS
   4. Seguir adelante
8. 7. Construir los componentes de la aplicación
   1. Configurar
   2. Empieza a codificar
   3. Refactorización del componente Excel
   4. Versión 0.0.1 de la Nueva App
   5. CSS
   6. Almacenamiento local
   7. Los componentes
      1. Descubrimiento
   8. Logotipo y un cuerpo
      1. Logotipo
      2. Cuerpo
      3. Descubrible
   9. Componente <Botón>
      1. Botón.js
      2. nombres de clase Paquete
   10. Formularios
       1. <Sugerir>
       2. <Calificación> Componente
       3. A <FormInput> "Fábrica"
       4. <Formato>
   11. <Acciones>
   12. Diálogos
   13. Cabecera
   14. Configuración de la aplicación
   15. <Excel>: Nuevo y mejorado
       1. La estructura general
       2. Renderizado
       3. React.Strict y Reductores
       4. Los pequeños ayudantes de Excel
9. 8. La aplicación terminada
   1. App.js actualizado
   2. Componente DataFlow
      1. Cuerpo del flujo de datos
   3. Trabajo realizado
      1. Whinepad v2
   4. Contexto
   5. Próximos pasos
      1. Datos circulares
   6. Proporcionar contexto
   7. Consumir contexto
      1. Contexto en la cabecera
      2. Contexto en la Tabla de Datos
   8. Actualizar Descubrimiento
   9. Enrutamiento
      1. Contexto de la ruta
      2. Utilizar la URL del filtro
      3. Consumir el contexto de ruta en la cabecera
      4. Consumir el contexto de ruta en la tabla de datos
      5. useCallback()
   10. El fin
10. Índice