SurviveJS - React
Este libro ha sido actualizada por última vez el 2017-06-06.
Acerca de 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.
Acerca de los autores
Table of Contents
-
-
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
-
Introducción
-
I Comenzando
-
1. Introducción a React
- 1.1 ¿Qué es React?
- 1.2 DOM Virtual
- 1.3 Renderizadores de React
-
1.4
React.createElementy 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
scriptsde 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
-
4.1 Separación de
-
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
EditableconNotas -
6.5 Haciendo un Seguimiento del Estado
editingdeNota -
6.6 Implementación de
Edit - 6.7 Sobre los Componentes y el Espacio de Nombres
- 6.8 Conclusión
-
6.1 Implementación de
-
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
-
1. Introducción a React
-
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
NoteStoreyNoteActions-
9.1 Configurando un
NoteStore - 9.2 Entendiendo las Acciones
-
9.3 Configurando
NoteActions -
9.4 Conectando
NoteActionsconNoteStore -
9.5 Migrando
App.addNotea Flux -
9.6 Migrando
App.deleteNotea Flux -
9.7 Migrando
App.activateNoteEdita Flux -
9.8 Migrando
App.editNotea Flux - 9.9 Conclusión
-
9.1 Configurando un
-
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
-
10.1 Entendiendo
-
11. Gestionado Dependencias de Datos
-
11.1 Definiendo
Carriles -
11.2 Conectando
CarrilesconApp -
11.3 Modelando
Carril -
11.4 Haciendo que
Carrilessea el Responsable deNotas -
11.5 Extrayendo
LaneHeader(Cabecera de Carril) deCarril - 11.6 Conclusión
-
11.1 Definiendo
-
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
-
12.1 Implementando la Edición de Nombres de
-
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
onMoveparaNotas - 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
-
8. React y Flux
-
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
-
14. Probando React
-
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
-
-
Características del Lenguaje
Authors have earned$8,086,174writing, publishing and selling on Leanpub,
earning 80% royalties while saving up to 25 million pounds of CO2 and up to 46,000 trees.
Más información sobre cómo escribir en Leanpub
Leanpub incondicional, sin riesgo, 100% de felicidad garantizada
Durante los primeros 45 días de compra, puede obtener un reembolso del 100% de cualquier compra Leanpub, en dos clics. Nosotros procesamos las restituciones a la mano, así que hacen tomar unos días en aparecer. Vea términos completos.
Free Updates. Free App. 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), EPUB (for phones and tablets), MOBI (for Kindle) and in the free Leanpub App (for Mac, Windows, iOS and Android). 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
