Leanpub Header

Skip to main content
Go to Leanpub.comLeanpub

SurviveJS - React

De aprendiz a maestro

Juho Vepsäläinen and Raúl Expósito

SurviveJS te muestra cómo construir un Kanban sencillo usando React. La idea es que si puedes construir una aplicación sencilla, posiblemente puedas construir cosas más complejas después. La primera aplicación es siempre la más difícil y este libro viene en tu ayuda.

Aparte de conocimiento básico sobre React, aprenderás técnicas de diseño como ...

Free With Membership

This book is a translation into Spanish of SurviveJS - React which was originally written in English

With Membership

Free!

$7.99

You pay

$0.00

Authors earn

$0.00
$

...Or Buy With Credits!

You can get credits monthly with a Reader Membership
PDF
EPUB
WEB
2,067
Readers
About

About

About the Book

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.

Share this book

Categories

ReactSoftware EngineeringJavaScriptES6

Feedback

Email the Authors
This book is a translation into Spanish of SurviveJS - React which was originally written in English

Author

About the Authors

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

Contents

Table of Contents

Introducción

  1. ¿Qué es React?
  2. ¿Qué Vas a Aprender?
  3. ¿Cómo está Organizado este Libro?
  4. ¿Qué es Kanban?
  5. ¿Para Quién es Este Libro?
  6. ¿Cómo Abordar el Libro?
  7. Versionado del Libro
  8. Material Extra
  9. Cómo Obtener Soporte
  10. Notificaciones
  11. Agradecimientos
  12. IComenzando

1.Introducción a React

  1. 1.1¿Qué es React?
  2. 1.2DOM Virtual
  3. 1.3Renderizadores de React
  4. 1.4React.createElement y JSX
  5. 1.5Conclusión

2.Configurando el Proyecto

  1. 2.1Configuración de Node.js y Git
  2. 2.2Ejecutando el Proyecto
  3. 2.3scripts de npm Presentes en el Esqueleto
  4. 2.4Características del Lenguaje Presentes en el Esqueleto
  5. 2.5Conclusión

3.Implementando una Aplicación de Notas

  1. 3.1Modelo de Datos Inicial
  2. 3.2Renderizado de los Datos Iniciales
  3. 3.3Generando los Ids
  4. 3.4Añadiendo Nuevas Notas a la Lista
  5. 3.5Conclusión

4.Borrado de Notas

  1. 4.1Separación de Nota
  2. 4.2Añadir un Esqueleto para la Llamada a onDelete
  3. 4.3Comunicar el Borrado a App
  4. 4.4Conclusión

5.Comprendiendo los Componentes de React

  1. 5.1Métodos del Ciclo de Vida
  2. 5.2Refs
  3. 5.3Propiedades y Métodos Propios
  4. 5.4Convenciones de los Componentes de React
  5. 5.5Conclusión

6.Edición de Notas

  1. 6.1Implementación de Editable
  2. 6.2Extrayendo el Renderizado de Nota
  3. 6.3Inclusión del Esqueleto Editable
  4. 6.4Conectando Editable con Notas
  5. 6.5Haciendo un Seguimiento del Estado editing de Nota
  6. 6.6Implementación de Edit
  7. 6.7Sobre los Componentes y el Espacio de Nombres
  8. 6.8Conclusión

7.Dando Estilo a la Aplicación de Notas

  1. 7.1Aplicando Estilo sobre el Botón “Añadir Nota”
  2. 7.2Aplicando estilos sobre Notas
  3. 7.3Aplicando Estilos sobre Notas Individuales
  4. 7.4Conclusión
  5. IIImplementando Kanban

8.React y Flux

  1. 8.1Breve Introducción a Redux
  2. 8.2Breve Introducción a MobX
  3. 8.3¿Qué Sistema de Gestión de Estados Debería Utilizar?
  4. 8.4Introducción a Flux
  5. 8.5Migrando a Alt
  6. 8.6Entendiendo conectar
  7. 8.7Usando el Dispatcher en Alt
  8. 8.8Conclusión

9.Implementando NoteStore y NoteActions

  1. 9.1Configurando un NoteStore
  2. 9.2Entendiendo las Acciones
  3. 9.3Configurando NoteActions
  4. 9.4Conectando NoteActions con NoteStore
  5. 9.5Migrando App.addNote a Flux
  6. 9.6Migrando App.deleteNote a Flux
  7. 9.7Migrando App.activateNoteEdit a Flux
  8. 9.8Migrando App.editNote a Flux
  9. 9.9Conclusión

10.Implementando Persistencia en localStorage

  1. 10.1Entendiendo localStorage
  2. 10.2Implementando un Envoltorio para localStorage
  3. 10.3Persistiendo la Aplicación usando FinalStore
  4. 10.4Implementando la Lógica de Persistencia
  5. 10.5Conectando la Lógica de Persistencia con la Aplicación
  6. 10.6Limpiando NoteStore
  7. 10.7Implementaciones Alternativas
  8. 10.8¿Relay?
  9. 10.9Conclusión

11.Gestionado Dependencias de Datos

  1. 11.1Definiendo Carriles
  2. 11.2Conectando Carriles con App
  3. 11.3Modelando Carril
  4. 11.4Haciendo que Carriles sea el Responsable de Notas
  5. 11.5Extrayendo LaneHeader (Cabecera de Carril) de Carril
  6. 11.6Conclusión

12.Editando los Carriles

  1. 12.1Implementando la Edición de Nombres de Carril
  2. 12.2Implementando el Borrado de Carril
  3. 12.3Dando Estilo al Tablero Kanban
  4. 12.4Conclusión

13.Implementado Arrastrar y Soltar

  1. 13.1Configurando React DnD
  2. 13.2Permitiendo que las Notas sean Arrastradas
  3. 13.3Permitiendo a las Notas que Detecten Notas que Pasan por Encima
  4. 13.4Desarrollando el API onMove para Notas
  5. 13.5Añadiendo Acciones en el Movimiento
  6. 13.6Implementando la Lógica de Arrastrar y Soltar Notas
  7. 13.7Arrastrando Notas sobre Carriles Vacíos
  8. 13.8Conclusión
  9. IIITécnicas Avanzadas

14.Probando React

  1. 14.1TL;DR

15.Tipado con React

  1. 15.1TL;DR

16.Aplicando Estilo a React

  1. 16.1Estilo a la Vieja Usanza
  2. 16.2Metodologías CSS
  3. 16.3Procesadores CSS
  4. 16.4Aproximaciones Basadas en React
  5. 16.5Módulos CSS
  6. 16.6Conclusión

17.Estructurando Proyectos con React

  1. 17.1Un Directorio por Concepto
  2. 17.2Un Directorio por Componente
  3. 17.3Un Directorio por Vista
  4. 17.4Conclusión
  5. Apéndices

Características del Lenguaje

  1. Módulos
  2. Clases
  3. Propiedades de las Clases e Iniciadores de Propiedades
  4. Funciones
  5. Interpolación de Strings
  6. Destructuring
  7. Iniciadores de Objetos
  8. const, let, var
  9. Decoradores
  10. Conclusión

Entendiendo los Decoradores

  1. Implementando un Decorador para Generar Logs
  2. Implementado @connect
  3. Ideas para Decoradores
  4. Conclusión

Resolución de Problemas

  1. EPEERINVALID
  2. Warning: setState(…): Cannot update during an existing state transition
  3. Warning: React attempted to reuse markup in a container but the checksum was invalid
  4. Module parse failed
  5. El Proyecto Falla al Compilar

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earned over $14 million writing, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub