Fullstack React with TypeScript
Maksim Ivanov, Alex Bespoyasov
- Editorial
- Newline
- Año
- 2020
- Páginas
- ~321
- Nivel
- Intermedio
De qué trata
Libro de Newline escrito por Maksim Ivanov y Alex Bespoyasov que enseña a combinar React con TypeScript a través de proyectos reales. Trabaja con React moderno basado en hooks. Es para desarrolladores que conocen lo básico de JavaScript (no hace falta ser experto) y quieren usar TypeScript con React, sobre todo en producción. También sirve como repaso de React para quien ya lo ha usado.
Enseña a tipar props, hooks y hooks personalizados, a usar los tipos de librerías externas, a hacer peticiones de red tipadas y a compartir estado con Context. Además cubre pruebas con Jest y React Testing Library (mocks tipados y helpers globales), patrones como render props y componentes de orden superior (HOC), hooks para APIs del navegador y atajos de teclado, generación de sitios estáticos con Next.js, Redux y Redux Toolkit frente a useReducer, y GraphQL con Apollo Client, incluida la generación de tipos a partir del esquema.
Cada módulo gira en torno a una aplicación distinta, así que es muy práctico y cubre bastante terreno en relativamente pocas páginas. Su valor está en ver cómo se aplican los tipos a patrones reales de React. No es una introducción a TypeScript desde cero ni profundiza en el backend, a pesar del «Fullstack» del título. Por su fecha, algunas APIs (como el enrutado de Next.js) han evolucionado desde entonces.
- React
- TypeScript
- Hooks tipados
- Context API
- Jest
- React Testing Library
- Render props y HOC
- Next.js
- Redux Toolkit
- Canvas
- GraphQL
- Apollo Client
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Clon de Trello
Tablero con arrastrar y soltar en el que se practican props tipadas, hooks y hooks personalizados, tipos de librerías externas, peticiones de red y Context.
Goblin Store
Tienda de artículos digitales que sirve como base para aprender a probarla con Jest y React Testing Library, usando mocks tipados y helpers de pruebas.
Teclado MIDI
Aplicación musical que usa las APIs de audio y MIDI del navegador para practicar render props, HOC, hooks personalizados y atajos de teclado.
Sitio estilo Medium con Next.js
Blog generado como sitio estático con Next.js, con rutas dinámicas, obtención de datos, página 404 personalizada y recursos estáticos.
App de dibujo con Redux
Aplicación de dibujo sobre HTML Canvas con deshacer y rehacer y exportación de imágenes, que compara useReducer con Redux y Redux Toolkit.
App React con GraphQL
Aplicación que consume una API GraphQL con Apollo Client y genera automáticamente tipos de TypeScript a partir del esquema.
