SurviveJS - React
¡Gratis!
Con membresía
$7.99
Precio mínimo pagado

SurviveJS - React

De aprendiz a maestro

Sobre este libro

La librería React de Facebook está detrás de una creciente cantidad de sitios web, y es que hay una buena razón para ello: simplifica enormemente el desarrollo del frontend.

SurviveJS - React te muestra cómo construir una aplicación sencilla de tipo Kanban basada en estas tecnologías. Durante el proceso:

  • Aprenderás las ideas que hay detrás de React.
  • Aprenderás a diseñar jerarquías de componentes a medida que avances con la aplicación.
  • Entrarás en la forma de pensar de React mientras aprendes cómo pensar en el estado y gestionarlo adecuadamente.
  • Darás estilo a tu aplicación de React de varias formas que están terminando de surgir.
  • Implementarás el arrastrar y soltar en tu aplicación usando React DnD.

Además, la versión de Leanpub en inglés contiene capítulos exclusivos que te mostrarán cómo:

  • Lidiar con el tipado en React.
  • Probar tu aplicación de React de varias maneras.

El libro asume que tienes conocimientos básicos de Javascript y que sabes cómo usar npm.

El contenido del libro estará disponible online en es.survivejs.com.

Este libro es una traducción al Español de SurviveJS - React, que fue originalmente escrito en Inglés.

Sobre de los autores

Juho Vepsäläinen
Juho Vepsäläinen

Juho Vepsäläinen is behind the SurviveJS effort. In addition to being a core developer of webpack, I have been active in the open source scene since the early 2000s. Blue Arrow Awards winner.

Raúl Expósito
Raúl Expósito

Raúl es un hacedor, un desarrollador incansable que siempre busca la mejor manera de hacer software.

Echa un vistazo a mi web en http://raulexposito.com/

Tabla de contenidos

  •  
    • Introducción
      • ¿Qué es React?
      • ¿Qué Vas a Aprender?
      • ¿Cómo está Organizado este Libro?
      • ¿Qué es Kanban?
      • ¿Para Quién es Este Libro?
      • ¿Cómo Abordar el Libro?
      • Versionado del Libro
      • Material Extra
      • Cómo Obtener Soporte
      • Notificaciones
      • Agradecimientos
  • I Comenzando
    • 1. Introducción a React
      • 1.1 ¿Qué es React?
      • 1.2 DOM Virtual
      • 1.3 Renderizadores de React
      • 1.4 React.createElement y JSX
      • 1.5 Conclusión
    • 2. Configurando el Proyecto
      • 2.1 Configuración de Node.js y Git
      • 2.2 Ejecutando el Proyecto
      • 2.3 scripts de npm Presentes en el Esqueleto
      • 2.4 Características del Lenguaje Presentes en el Esqueleto
      • 2.5 Conclusión
    • 3. Implementando una Aplicación de Notas
      • 3.1 Modelo de Datos Inicial
      • 3.2 Renderizado de los Datos Iniciales
      • 3.3 Generando los Ids
      • 3.4 Añadiendo Nuevas Notas a la Lista
      • 3.5 Conclusión
    • 4. Borrado de Notas
      • 4.1 Separación de Nota
      • 4.2 Añadir un Esqueleto para la Llamada a onDelete
      • 4.3 Comunicar el Borrado a App
      • 4.4 Conclusión
    • 5. Comprendiendo los Componentes de React
      • 5.1 Métodos del Ciclo de Vida
      • 5.2 Refs
      • 5.3 Propiedades y Métodos Propios
      • 5.4 Convenciones de los Componentes de React
      • 5.5 Conclusión
    • 6. Edición de Notas
      • 6.1 Implementación de Editable
      • 6.2 Extrayendo el Renderizado de Nota
      • 6.3 Inclusión del Esqueleto Editable
      • 6.4 Conectando Editable con Notas
      • 6.5 Haciendo un Seguimiento del Estado editing de Nota
      • 6.6 Implementación de Edit
      • 6.7 Sobre los Componentes y el Espacio de Nombres
      • 6.8 Conclusión
    • 7. Dando Estilo a la Aplicación de Notas
      • 7.1 Aplicando Estilo sobre el Botón “Añadir Nota”
      • 7.2 Aplicando estilos sobre Notas
      • 7.3 Aplicando Estilos sobre Notas Individuales
      • 7.4 Conclusión
  • II Implementando Kanban
    • 8. React y Flux
      • 8.1 Breve Introducción a Redux
      • 8.2 Breve Introducción a MobX
      • 8.3 ¿Qué Sistema de Gestión de Estados Debería Utilizar?
      • 8.4 Introducción a Flux
      • 8.5 Migrando a Alt
      • 8.6 Entendiendo conectar
      • 8.7 Usando el Dispatcher en Alt
      • 8.8 Conclusión
    • 9. Implementando NoteStore y NoteActions
      • 9.1 Configurando un NoteStore
      • 9.2 Entendiendo las Acciones
      • 9.3 Configurando NoteActions
      • 9.4 Conectando NoteActions con NoteStore
      • 9.5 Migrando App.addNote a Flux
      • 9.6 Migrando App.deleteNote a Flux
      • 9.7 Migrando App.activateNoteEdit a Flux
      • 9.8 Migrando App.editNote a Flux
      • 9.9 Conclusión
    • 10. Implementando Persistencia en localStorage
      • 10.1 Entendiendo localStorage
      • 10.2 Implementando un Envoltorio para localStorage
      • 10.3 Persistiendo la Aplicación usando FinalStore
      • 10.4 Implementando la Lógica de Persistencia
      • 10.5 Conectando la Lógica de Persistencia con la Aplicación
      • 10.6 Limpiando NoteStore
      • 10.7 Implementaciones Alternativas
      • 10.8 ¿Relay?
      • 10.9 Conclusión
    • 11. Gestionado Dependencias de Datos
      • 11.1 Definiendo Carriles
      • 11.2 Conectando Carriles con App
      • 11.3 Modelando Carril
      • 11.4 Haciendo que Carriles sea el Responsable de Notas
      • 11.5 Extrayendo LaneHeader (Cabecera de Carril) de Carril
      • 11.6 Conclusión
    • 12. Editando los Carriles
      • 12.1 Implementando la Edición de Nombres de Carril
      • 12.2 Implementando el Borrado de Carril
      • 12.3 Dando Estilo al Tablero Kanban
      • 12.4 Conclusión
    • 13. Implementado Arrastrar y Soltar
      • 13.1 Configurando React DnD
      • 13.2 Permitiendo que las Notas sean Arrastradas
      • 13.3 Permitiendo a las Notas que Detecten Notas que Pasan por Encima
      • 13.4 Desarrollando el API onMove para Notas
      • 13.5 Añadiendo Acciones en el Movimiento
      • 13.6 Implementando la Lógica de Arrastrar y Soltar Notas
      • 13.7 Arrastrando Notas sobre Carriles Vacíos
      • 13.8 Conclusión
  • III Técnicas Avanzadas
    • 14. Probando React
      • 14.1 TL;DR
    • 15. Tipado con React
      • 15.1 TL;DR
    • 16. Aplicando Estilo a React
      • 16.1 Estilo a la Vieja Usanza
      • 16.2 Metodologías CSS
      • 16.3 Procesadores CSS
      • 16.4 Aproximaciones Basadas en React
      • 16.5 Módulos CSS
      • 16.6 Conclusión
    • 17. Estructurando Proyectos con React
      • 17.1 Un Directorio por Concepto
      • 17.2 Un Directorio por Componente
      • 17.3 Un Directorio por Vista
      • 17.4 Conclusión
  • Apéndices
    • Características del Lenguaje
      • Módulos
      • Clases
      • Propiedades de las Clases e Iniciadores de Propiedades
      • Funciones
      • Interpolación de Strings
      • Destructuring
      • Iniciadores de Objetos
      • const, let, var
      • Decoradores
      • Conclusión
    • Entendiendo los Decoradores
      • Implementando un Decorador para Generar Logs
      • Implementado @connect
      • Ideas para Decoradores
      • Conclusión
    • Resolución de Problemas
      • EPEERINVALID
      • Warning: setState(…): Cannot update during an existing state transition
      • Warning: React attempted to reuse markup in a container but the checksum was invalid
      • Module parse failed
      • El Proyecto Falla al Compilar

Leanpub incondicional, sin riesgo, 100% de felicidad garantizada

Durante los primeros 60 días de compra, puedes obtener un reembolso del 100% de cualquier compra Leanpub, en dos clics. Procesamos las restituciones manualmente, así que puede tomarse unos días en aparecer. Véase términos completos.

Gana $8 en una compra de $10 y $16 en una compra de $20

Pagamos 80% de regalías en compras de $7.99 o más y 80% de regalías menos una tarifa fija de 50 centavos en compras entre $0.99 y $7.98. Ganas $8 en una venta de $10 y $16 en una venta de $20. Entonces, si vendemos 5000 copias no reembolsadas de tu libro por $20, ganarás $80,000.

(Sí, algunos autores ya han ganado mucho más que eso en Leanpub.)

De hecho, los autores han ganadomás de 13 millones de dólares escribiendo, publicando y vendiendo en Leanpub.

Obtén más información sobre escribir en Leanpub

Actualizaciones gratis. Libre de DRM.

¡Si compras un libro Leanpub obtienes actualizaciones gratis siempre y cuando el autor actualice el libro! Varios autores usan Leanpub para publicar sus libros en progreso mientras los escriben. Todos los lectores obtienen actualizaciones gratis, independientemente de cuándo compraron el libro o cuánto pagaron (incluyendo si fue gratis).

La mayoría de los libros Leanpub se encuentran disponibles en PDF (para computadores) y EPUB (para teléfonos, tabletas, y Kindle). Los formatos que un libro incluye se muestran en la esquina superior derecha de esta página.

Finalmente, los libros Leanpub no tienen ninguna de las cosas sin sentido sobre protección de copia DRM, así que puedes leerlos fácilmente en cualquier dispositivo que se soporta.

Aprende más sobre los formatos de Leanpub y dónde puedes leerlos

Escribir y publicar en Leanpub

Los autores y editores usan Leanpub para publicar libros electrónicos sorprendentes en curso y completados, como éste. ¡También puedes utilizar Leanpub para escribir, publicar y vender tu libro! Leanpub es una potente plataforma para autores serios, que combina un flujo de trabajo de escritura y publicación simple y elegante con una tienda centrada en la venta de libros electrónicos en progreso. Leanpub es una máquina de escribir mágica para los autores: basta con escribir en texto plano, y para publicar tu libro electrónico, simplemente haz clic en un botón. Realmente es así de fácil.

Más información sobre cómo escribir en Leanpub