</> CodeBooks
    ← Volver a ReactJS (página 5)
    Portada de ReactJS by Example

    ReactJS by Example

    Prathamesh Sonpatki, Vipul A M

    Editorial
    Packt
    Año
    2016
    Páginas
    ~280
    Nivel
    Intermedio

    De qué trata

    Libro de Packt en el que Vipul A M y Prathamesh Sonpatki enseñan React a partir de cinco proyectos, en lugar de explicar la API de forma aislada. Se publicó en abril de 2016, cuando React estaba en la versión 0.14/15, y usa JavaScript ES6, JSX y el ecosistema de la época. Está pensado para desarrolladores web que ya manejan JavaScript, HTML y CSS y quieren aprender a construir interfaces con componentes. Se puede seguir desde un nivel inicial, aunque saca más provecho quien ya tiene algo de experiencia con JavaScript moderno.

    El índice va de lo básico a lo avanzado. Empieza por los fundamentos de React y una revisión a fondo de JSX, y sigue con datos, props y estado, el ciclo de vida de los componentes y la composición. Después pasa a temas más avanzados: renderizado en el servidor (React on the Server), los React Addons de la época, la optimización del rendimiento, la navegación con React Router y el trabajo con modelos de datos, las animaciones y las herramientas de desarrollo del ecosistema. Los dos últimos capítulos presentan la arquitectura Flux y su evolución hacia Redux.

    Cada bloque se apoya en una aplicación concreta: un buscador de libros sobre la API de Open Library, un formulario tipo asistente de varios pasos, un buscador con renderizado en el servidor, la portada de una tienda en línea y un rastreador de redes sociales con Flux y Redux. Hoy tiene sobre todo valor histórico o conceptual. Usa patrones obsoletos (componentes de clase, mixins, addons retirados y APIs antiguas de React Router) y no trata Hooks, Context moderno ni las herramientas actuales como Vite. Conviene leerlo junto con documentación actual o elegir un título más reciente si se quiere aprender React para proyectos de hoy.

    • React 15
    • JSX
    • ES6
    • Ciclo de vida de componentes
    • Renderizado en servidor
    • React Router
    • React Addons
    • Rendimiento
    • Animaciones
    • Flux
    • Redux

    ¿Cómo enseña?

    TeóricoPráctico

    Con proyectos

    • ✗ Sin ejercicios
    • ✓ Incluye proyectos

    Proyectos

    Buscador con la API de Open Library

    Primer proyecto: una aplicación que consulta la API pública de Open Library para presentar los fundamentos de React, JSX y el ciclo de vida de los componentes.

    Formulario asistente de varios pasos

    Formulario dividido en pasos para practicar el estado, los eventos y la comunicación entre componentes de React.

    Buscador con renderizado en el servidor

    Aplicación de búsqueda renderizada en el servidor con React y Node.js, para mostrar cómo se generan las vistas antes de enviarlas al navegador.

    Portada de tienda en línea

    Página principal de un comercio electrónico construida con modelos de datos, React Router y los React Addons, que además sirve para trabajar el rendimiento y las animaciones.

    Rastreador de redes sociales

    Proyecto final que organiza la aplicación con el patrón Flux y luego la migra a Redux usando ES6.

    Más de ReactJS con nivel Intermedio