Ejercicios Prácticos con React

Sinopsis del producto

Las webs actuales exigen aplicaciones eficientes en tiempo real y escalabilidad. Si ya tiene conocimientos básicos sobre la creación de aplicaciones web, JavaScript y Node.js, y quiere ir más allá, ha llegado al libro indicado. Con él aprenderá a crear aplicaciones rápidas y de alto rendimiento con React. n nGracias a este manual se sumergirá directamente en los conceptos más importantes de React y aprenderá a trabajar con las últimas características de ECMAScript. Asimismo, conocerá los fundamentos de Redux, descubrirá cómo implementar animaciones, aprenderá a crear una API con Node.js, Firebase y GraphQL, y a mejorar el rendimiento de sus aplicaciones con Webpack 4. n nAdemás, encontrará ejercicios para implementar el renderizado del lado del servidor, añadir pruebas unitarias y hacer depuraciones, así como prácticas para implementar una aplicación de React en producción. Por último, aprenderá a generar aplicaciones para móviles nativas para iOS y Android desde React Native. n nAl finalizar el libro, reducirá los errores en sus pruebas y se convertirá en todo un experto en React. n nContenidos del libro: n no Desarrollar la capacidad de tratar temas complejos como Redux, Webpack y el renderizado del lado del servidor no Implementar una API desde Node.js, Firebase y GraphQL no Aumentar el rendimiento de las aplicaciones de React no Crear aplicaciones para móviles desde React Native no Implementar una aplicación de React en DigitalOcean no Conocer las mejores prácticas para organizar y probar aplicaciones de React n nPrefacio xv nCapítulo 1: Uso de React 1 nIntroducción 1 nUso de React con las últimas características de JS 2 nCómo hacerlo… 2 n¿Qué novedades hay en React? 9 nCómo hacerlo… 9 nUtilización de React en Windows 12 nCómo hacerlo… 12 nCapítulo 2: Cómo dominar los componentes y JSX 15 nIntroducción 15 nCreación del primer componente de React 15 nPreparación 16 nCómo hacerlo… 16 nCómo funciona… 18 nHay más… 19 nLa organización de aplicaciones de React 19 nCómo hacerlo… 19 nCómo funciona… 22 nEstilización de componentes con clases CSS y estilos en línea 22 nCómo hacerlo… 22 nCómo funciona… 26 nHay más… 26 nPaso de props a componentes y su validación con PropTypes 29 nCómo hacerlo… 29 nCómo funciona… 33 nHay más… 34 nUso del estado local en componentes 34 nCómo hacerlo… 35 nCómo funciona… 39 nHay más… 39 nCreación de componentes funcionales o apátridas 39 nCómo hacerlo… 40 nCómo funciona… 43 nHay más… 43 nAsimilación de los métodos de ciclo de vida de React 44 nCómo hacerlo… 44 nLista de tareas, implementación de ComponentWillMount nEl temporizador Pomodoro, implementación del constructor ny de componentDidMount nCambiador de criptomonedas, implementación de nshouldComponentUpdate nNotas, implementación de componentWillReceiveProps ny de componentWillUnmount 82 nGráficos C3.js, implementación de componentDidUpdate 84 nAnimación básica, implementación de componentWillUpdate 89 nCómo funciona… 92 nAsimilación de los componentes puros de React 92 nPreparación 92 nCómo hacerlo… 93 nCómo funciona… 96 nPrevención de vulnerabilidades de XSS en React 101 nCómo hacerlo… 101 nCómo funciona… 113 nHay más… 114 nCapítulo 3: Tratamiento de eventos, vinculación y paquetes nde React útiles 115 nIntroducción 115 nMétodos vinculantes usando constructores en lugar nde funciones flecha 115 nCómo hacerlo… 116 nCómo funciona… 121 nCreación de elementos de formularios con eventos 121 nCómo hacerlo… 122 nCómo funciona… 135 nHay más… 136 nVisualización de información en una ventana modal con react-popup 137 nPreparación 137 nCómo hacerlo… 138 nCómo funciona… 140 nHay más… 141 nImplementación con la guía de estilo de Airbnb React/JSX 141 nPreparación 141 nCómo hacerlo… 143 nCómo funciona… 148 nHay más… 150 nActualización de títulos y etiquetas meta con React Helmet 151 nPreparación 151 nCómo hacerlo… 152 nCómo funciona… 153 nHay más… 154 nCapítulo 4: Adición de rutas a aplicaciones con React Router 155 nIntroducción 155 nImplementación de React Router v4 155 nPreparación 155 nCómo hacerlo… 156 nCómo funciona… 163 nHay más… 164 nAdición de parámetros a las rutas 164 nCómo hacerlo… 165 nCómo funciona… 170 nCapítulo 5: Dominio de Redux 175 nIntroducción 175 nCreación de Store en Redux 179 nPreparación 180 nCómo hacerlo… 180 nCómo funciona… 183 nElaboración de creadores de acciones y envío de acciones 185 nPreparación 185 nCómo hacerlo… 185 nCómo funciona… 195 nImplementación de Firebase con Redux 197 nPreparación 197 nCómo hacerlo… 207 nCómo funciona… 218 nCapítulo 6: Creación de formularios con Redux Form 225 nIntroducción 225 nCreación de formularios controlados mediante el estado local 225 nPreparación 225 nCómo hacerlo… 226 nCómo funciona… 233 nCreación de formularios utilizando Redux Form 233 nPreparación 235 nCómo hacerlo… 234 nCómo funciona… 238 nImplementación de la validación en formularios 239 nCómo hacerlo… 239 nCómo funciona… 241 nCapítulo 7: Animaciones con React 243 nIntroducción 243 nAnimación de una lista de tareas con ReactCSSTransitionGroup 243 nPreparación 244 nCómo hacerlo… 244 nCómo funciona… 248 nUso de la biblioteca react-animations 250 nPreparación 250 nCómo hacerlo… 250 nHay más… 252 nCreación de la primera animación con React Pose 252 nPreparación 252 nCómo hacerlo… 253 nCómo funciona… 257 nHay más… 260 nCapítulo 8: Creación de API con Node.js haciendo uso nde MongoDB y MySQL 263 nIntroducción 263 nCreación de API básicas con Express 264 nPreparación 264 nCómo hacerlo… 266 nCómo funciona… 273 nElaboración de bases de datos con MongoDB 275 nPreparación 275 nInstalación de MongoDB Community Edition nmanualmente (opción difícil) nInstalación de MongoDB Community Edition ncon Homebrew (opción fácil) nEjecución de MongoDB 277 nCómo hacerlo… 278 nCómo funciona… 285 nPuntos finales del método GET 286 nPuntos finales del método POST 289 nPuntos finales del método DELETE 291 nPuntos finales del método PUT 293 nElaboración de una base de datos con MySQL 295 nPreparación 295 nCómo hacerlo… 295 nCómo funciona… 306 nPuntos finales del método POST 306 nPuntos finales del método GET 308 nPuntos finales del método DELETE 310 nPuntos finales del método PUT 312 nAdición de tokens de acceso para proteger las API 313 nPreparación 314 nCómo hacerlo… 314 nCómo funciona… 319 nHay más… 323 nCapítulo 9: Apollo y GraphQL 325 nIntroducción 325 nCreación del primer servidor GraphQL 326 nPreparación 326 nCómo hacerlo… 326 nCómo funciona… 330 nHay más… 333 nCreación de líneas de tiempo de Twitter con Apollo y GraphQL 336 nPreparación 336 nCreación de un servidor back-end GraphQL 337 nCómo hacerlo… 345 nCómo funciona… 360 nCapítulo 10: Dominio de Webpack 4.x 365 nIntroducción 365 nConfiguración de Webpack 4 Zero 365 nPreparación 366 nCómo hacerlo… 366 nCómo funciona… 368 nHay más… 370 nAdición de React a Webpack 4 372 nPreparación 372 nCómo hacerlo… 372 nCómo funciona… 376 nHay más… 378 nAdición de Webpack Dev Server y Sass, Stylus o LessCSS a React 380 nPreparación 381 nCómo hacerlo… 381 nCómo funciona… 386 nHay más… 386 nOptimización de Webpack 4, división de paquetes 389 nPreparación 390 nCómo hacerlo… 390 nCómo funciona… 392 nImplementación de Node.js con React/Redux y Webpack 4 396 nPreparación 396 nCómo hacerlo… 397 nCómo funciona… 406 nHay más… 409 nCapítulo 11: Implementación de renderizado del lado del servidor 413 nIntroducción 413 nImplementación del renderizado del lado del servidor 414 nPreparación 414 nCómo hacerlo… 415 nCómo funciona… 427 nHay más… 429 nImplementación de promises con renderizado del lado del servidor 430 nPreparación 430 nCómo hacerlo… 430 nCómo funciona… 440 nImplementación de Next.js 442 nPreparación 442 nCómo hacerlo… 442 nCómo funciona… 450 nCapítulo 12: Pruebas y depuración 453 nIntroducción 453 nPrueba del primer componente con Jest y Enzyme 454 nPreparación 454 nCómo hacerlo… 454 nComo funciona… 459 nHay más… 460 nPrueba de un contenedor Redux, acciones y reductores 462 nPreparación 463 nCómo hacerlo… 463 nDepuración de aplicaciones de React utilizando Dev Tools nde React y Redux 469 nPreparación 470 nCómo hacerlo… 471 nSimulación de eventos 473 nCómo hacerlo… 473 nCómo funciona… 477 nCapítulo 13: Despliegue en la fase de producción 479 nIntroducción 479 nImplementación en producción con Digital Ocean 479 nPreparación 480 nCómo hacerlo… 481 nCómo funciona… 487 nHay más… 490 nConfiguración de Nginx, PM2 y un dominio en Droplet 491 nPreparación 491 nCómo hacerlo… 492 nCómo funciona… 493 nHay más… 494 nImplementación de Jenkins (integración continua) 497 nPreparación 497 nCómo hacerlo… 497 nCómo funciona… 511 nCapítulo 14: Uso de React Native 517 nIntroducción 517 nCreación de la primera aplicación de React Native 518 nPreparación 518 nCómo hacerlo… 518 nCómo funciona… 525 nCreación de una lista de tareas con React Native 531 nCómo hacerlo… 531 nCómo funciona… 535 nHay más… 540 nImplementación de React Navigation V2 541 nPreparación 542 nComo hacerlo… 542 nCómo funciona… 547 nPreguntas más frecuentes sobre React 551

9786075386829