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

SurviveJS - React

De aprendiz a maestro

Sobre el 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 escrito originalmente en Inglés.

Sobre 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/

Índice

  •  
    • 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

Garantía de satisfacción 100% de Leanpub por 60 días

Durante los 60 días posteriores a la compra, puedes obtener un reembolso del 100% en cualquier compra de Leanpub, en dos clics.

Técnicamente, esto es arriesgado para nosotros, ya que tendrás los archivos del libro o curso de cualquier manera. Pero estamos tan seguros de nuestros productos y servicios, y de nuestros autores y lectores, que nos complace ofrecer una garantía de devolución total del dinero para todo lo que vendemos.

Solo puedes descubrir qué tan bueno es algo probándolo, y debido a nuestra garantía de devolución del 100% del dinero, ¡literalmente no hay riesgo al hacerlo!

Entonces, no hay razón para no hacer clic en el botón Agregar al carrito, ¿verdad?

Ver términos completos...

Gane $8 por una compra de $10, y $16 por una compra de $20

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

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

De hecho, los autores han ganadomás de $14 millones escribiendo, publicando y vendiendo en Leanpub.

Aprenda más sobre escribir en Leanpub

Actualizaciones gratuitas. Sin DRM.

¡Si compras un libro de Leanpub, recibirás actualizaciones gratuitas mientras el autor actualice el libro! Muchos autores utilizan Leanpub para publicar sus libros mientras los escriben. Todos los lectores reciben actualizaciones gratuitas, sin importar cuándo compraron el libro o cuánto pagaron (incluso si fue gratis).

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

Finalmente, los libros de Leanpub no tienen ninguna protección DRM sin sentido, por lo que puedes leerlos fácilmente en cualquier dispositivo compatible.

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

Escriba y Publique en Leanpub

¡Puede usar Leanpub para escribir, publicar y vender fácilmente libros electrónicos y cursos en línea, tanto en progreso como terminados!

Leanpub es una plataforma potente para autores serios, que combina un flujo de trabajo de escritura y publicación simple y elegante con una tienda enfocada en la venta de libros electrónicos en progreso.

Leanpub es una máquina de escribir mágica para autores: solo escriba en texto plano y, para publicar su libro electrónico, simplemente haga clic en un botón. (O, si está produciendo su libro electrónico a su manera, ¡incluso puede subir sus propios archivos PDF y/o EPUB y luego publicar con un solo clic!) Realmente es así de fácil.

Aprenda más sobre escribir en Leanpub