SurviveJS - React
¡Gratis!
Precio mínimo
$0.00
Precio sugerido
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
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.
