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

    React Quickly, 2nd Edition

    Morten Barklund, Azat Mardan

    Editorial
    Manning
    Año
    2023
    Páginas
    ~458
    Nivel
    Intermedio

    De qué trata

    Segunda edición, reescrita casi por completo, del clásico de Manning para aprender React rápido. Morten Barklund se une a Azat Mardan para cubrir el React moderno, basado por completo en componentes funcionales y hooks, que corresponde a la generación de React 18 (la editorial no nombra una versión concreta). Es para desarrolladores que ya hacen aplicaciones web con JavaScript, tanto quienes empiezan con React como quienes vienen de la época de las clases y quieren ponerse al día. Deja de lado la historia y la teoría larga y va directo a más de 80 ejemplos.

    La primera parte, «React Foundation», cubre lo esencial: cómo encaja React en un sitio web, JSX, componentes funcionales, estado, efectos y ciclo de vida del componente, hooks, manejo de eventos, formularios y hooks avanzados para que las aplicaciones crezcan. La segunda parte, «React Architecture», trata lo que rodea a una aplicación profesional: herramientas de desarrollo, CSS-in-JavaScript, manejo de datos con Redux Toolkit, consumo de datos remotos, pruebas unitarias con Jest y frameworks de sitios web basados en React, como Remix y Next.js. Hay un apéndice con las propiedades que se llaman distinto en JSX y en HTML.

    Su punto fuerte son los seis capítulos de proyecto que cierran cada parte, donde se aplica lo visto en aplicaciones pequeñas pero completas. Es una puesta al día sólida y muy práctica. Eso sí, no profundiza en el funcionamiento interno de React (reconciliación, renderizado concurrente) ni en React Server Components. Si ya dominas los hooks, la segunda parte es la que más te aporta. Conviene manejar bien JavaScript moderno (ES6+, módulos, promesas) antes de empezar.

    • React 18
    • JSX
    • Componentes funcionales
    • Hooks
    • Estado y efectos
    • Eventos y formularios
    • CSS-in-JS
    • Redux Toolkit
    • Datos remotos
    • Testing con Jest
    • Remix
    • Next.js

    ¿Cómo enseña?

    TeóricoPráctico

    Teoría + práctica

    • ✓ Incluye ejercicios
    • ✓ Incluye proyectos

    Proyectos

    Menú de sitio web

    Primer proyecto guiado: un menú de navegación hecho con componentes funcionales y props, para practicar JSX y la composición de componentes.

    Temporizador

    Aplicación de cuenta regresiva que pone en práctica el estado, los efectos y el manejo de eventos con hooks.

    Gestor de tareas

    Gestor de tareas que integra todo lo de la primera parte: formularios, estado más complejo y hooks avanzados.

    Librería con Remix

    Tienda de libros construida con el framework Remix, que muestra el enrutado y la carga de datos de un framework web basado en React.

    Componente toast totalmente probado

    Componente de notificaciones emergentes desarrollado con pruebas unitarias exhaustivas, para practicar el testing de componentes React.

    Clon de Wordle

    Versión en React del juego de palabras Wordle, que combina estado, lógica de juego y eventos de teclado en una aplicación completa.

    Más de ReactJS con nivel Intermedio