SurviveJS - React
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.
Sobre de los autores
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
-
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
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.
80% de regalías. Gana $16 en un libro de $20.
Pagamos 80% de regalías. No es un error tipográfico: ganas $16 en una venta de $20. Si vendemos 5000 copias no reembolsadas de tu libro o curso 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 $12 millonesescribiendo, publicando y vendiendo en Leanpub.
Aprende más sobre cómo 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
