SurviveJS - React
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.
Í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
-
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.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
-
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
Editable
conNotas
-
6.5 Haciendo un Seguimiento del Estado
editing
deNota
-
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
NoteStore
yNoteActions
-
9.1 Configurando un
NoteStore
- 9.2 Entendiendo las Acciones
-
9.3 Configurando
NoteActions
-
9.4 Conectando
NoteActions
conNoteStore
-
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
-
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
Carriles
conApp
-
11.3 Modelando
Carril
-
11.4 Haciendo que
Carriles
sea 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
onMove
paraNotas
- 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
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