</> CodeBooks
    ← Volver a ReactJS (página 3)
    Portada de React Up & Running, 2nd Edition

    React Up & Running, 2nd Edition

    Stoyan Stefanov

    Editorial
    O'Reilly
    Año
    2021
    Páginas
    ~233
    Nivel
    Intermedio

    De qué trata

    Segunda edición, revisada a fondo, del libro de Stoyan Stefanov que enseña React desde cero hasta una aplicación de página única completa. Publicada por O'Reilly a finales de 2021, trabaja con la versión de React de entonces (React 17, con los Hooks ya consolidados) y con Create React App como herramienta de arranque. Está pensada para desarrolladores que ya dominan la sintaxis de JavaScript, pero no necesitan experiencia previa con React. Es un nivel de principiante a intermedio, aunque el ritmo es rápido y conciso.

    Empieza por lo más básico: un «Hola mundo» con React.createElement(), la sintaxis JSX y su transpilación con Babel. Sigue con los componentes de función y de clase, las props, el estado, el manejo de eventos, los métodos del ciclo de vida y la validación con PropTypes. Después rehace el mismo componente con Hooks (useState, useEffect, useLayoutEffect, useReducer y useCallback), crea un Hook personalizado y muestra cómo hacer pruebas unitarias de reducers. Un capítulo entero se dedica a los detalles de JSX: espacios en blanco, fragmentos, atributos spread, diferencias con HTML y formularios controlados y no controlados. La parte final explica el entorno de Create React App con Node.js y package.json, el paquete classnames, el uso de refs, la persistencia en localStorage y la gestión del flujo de datos con Context y reducers. También incluye un enrutado sencillo basado en la URL.

    El hilo conductor es práctico. Primero se construye «Excel», una tabla de datos que permite editar, ordenar, buscar, deshacer cambios y exportar. Luego esa tabla se reutiliza dentro de Whinepad, una aplicación completa que guarda los datos en el navegador. Cada capítulo cierra con retos breves del tipo «¿puedes mejorar el componente?». Es un libro corto y muy didáctico para entender los fundamentos y el porqué de cada pieza. A cambio, no cubre TypeScript, Redux, React Router, Next.js ni la comunicación con un backend real. Además, Create React App ya está obsoleto, así que conviene trasladar lo aprendido a herramientas actuales como Vite.

    • React 17
    • JSX
    • Babel
    • Componentes de clase y de función
    • Props y estado
    • Hooks
    • useReducer
    • Hooks personalizados
    • Context API
    • Create React App
    • PropTypes
    • localStorage

    ¿Cómo enseña?

    TeóricoPráctico

    Con proyectos

    • ✓ Incluye ejercicios
    • ✓ Incluye proyectos

    Proyectos

    Excel: tabla de datos avanzada

    Componente de tabla hecho primero con clases y luego con Hooks y useReducer. Permite editar celdas, ordenar, buscar, reproducir el historial de cambios y descargar los datos.

    Whinepad

    Aplicación de página única creada con Create React App. Reúne componentes propios (botones, formularios, valoraciones, diálogos), guarda los datos en localStorage y comparte el estado con Context, reducers y un enrutado basado en la URL.

    Más de ReactJS con nivel Intermedio