React Summit Remote Edition 2021

La adición de la API de hooks a React fue un cambio bastante importante. Antes de los hooks, la mayoría de los componentos tenían que ser basados en clases. Ahora, con los hooks, estos son a menudo componentes funcionales mucho más simples. Los hooks pueden ser realmente simples de usar. Casi engañosamente simples. Porque todavía hay muchas formas en las que puedes equivocarte con los hooks. Y a menudo resulta que hay muchas formas en las que puedes mejorar tus componentes con una mejor comprensión de cómo se puede usar cada hook de React.Aprenderás todo sobre los pros y los contras de los diversos hooks. Aprenderás cuándo usar useState() versus useReducer(). Veremos cómo usar useContext() de manera eficiente. Verás cuándo usar useLayoutEffect() y cuándo useEffect() es mejor.

- Introducción - Cleo & nuestra misión- Lo que queremos construir, cómo encaja en nuestro producto & propósito, revisar los diseños- Comenzando con la configuración del entorno & “hola mundo”- Introducción a la animación de React Native- Paso 1: Hacer girar la rueda al presionar un botón- Paso 2: Arrastrar la rueda para darle velocidad- Paso 3: Agregar fricción a la rueda para frenarla- Paso 4 (extra): Agregar hápticos para una sensación inmersiva

Los comerciantes de Shopify tienen un conjunto diverso de necesidades, y los desarrolladores tienen una oportunidad única para satisfacer esas necesidades construyendo aplicaciones. Construir una aplicación puede ser un trabajo duro, pero Shopify ha creado un conjunto de herramientas y recursos para ayudarte a construir una experiencia de aplicación sin problemas lo más rápido posible. Obtén experiencia práctica construyendo una aplicación integrada de Shopify utilizando el CLI de la aplicación Shopify, Polaris y Shopify App Bridge.Te mostraremos cómo crear una aplicación que acceda a la información de una tienda de desarrollo y pueda ejecutarse en tu entorno local.

Mucho ha cambiado en el mundo de la gestión del estado en React en los últimos años. Donde Redux solía ser la principal biblioteca para esto, la introducción de las API de Contexto y Hooks de React ha revolucionado las cosas. Ya no necesitas bibliotecas externas para manejar tanto el estado del componente como el estado global en tus aplicaciones. En este masterclass aprenderás los diferentes enfoques para la gestión del estado en la era post-Redux de React, ¡todos basados en Hooks! Y como bonificación, exploraremos dos próximas bibliotecas de gestión del estado en el ecosistema de React.

En este masterclass, veremos algunos de los enfoques y técnicas que se pueden aplicar al hacer refactorizaciones o agregar nuevas características a una base de código heredada de React para alinearlo con los enfoques más recientes. Cubriremos temas como cómo usar React Hooks para compartir la lógica de los componentes de una manera que permita reutilizar en componentes de clase; cómo introducir de forma incremental otros patrones en una aplicación de React Redux; y cómo construir componentes de interfaz de usuario flexibles a través de abstracciones donde estemos vinculados a CSS global o una biblioteca de componentes. En el camino, tocaremos muchos patrones de React y enfoques de gestión de estado con el objetivo final de poder evaluar estas opciones y permitir que nuestros requisitos impulsen la arquitectura para avanzar hacia una base de código más sólida y mantenible.

Temas esenciales cubiertos:- Configuración y desarrollo de un proyecto de React utilizando create-react-app- Sintaxis básica de JSX- La filosofía declarativa, qué son las props y el estado- Componentes de función

Aprenderás cómo construir APIs en la nube altamente escalables con AWS e integrarlas con Next.js y darles estilo usando Tailwind CSS.

Es posible que ya hayas leído sobre Jamstack. Probablemente ya hayas utilizado Next.js, y recientemente has escuchado mucho sobre los CMS sin cabeza. En este curso rápido, pondremos todas las piezas juntas y te mostraré por qué Storyblok en combinación con Next.js es la mejor opción para tu próximo proyecto. ¡Detente y pruébalo tú mismo!

Los frameworks de Jamstack están cambiando la forma en que construimos experiencias de primera línea en la web. Son eficientes, seguros y permiten a los desarrolladores construir aplicaciones web más rápido que antes. En esta masterclass, Nick DeJesus te guiará en la construcción de un sitio de comercio electrónico utilizando NextJS, use-shopping-cart y theme-ui. Aprenderás cómo utilizar funciones sin servidor con Netlify para realizar transacciones seguras y cómo construir componentes de interfaz de usuario accesibles que amplíen las capacidades de use-shopping-cart.

Renaud Bressant (Jefe de Producto), Nathanael Lamellière (Jefe de Éxito del Cliente e Ingeniero de Soluciones), Nouha Chhih (Gerente de Experiencia del Desarrollador) estarán analizando los diferentes trabajos de desarrollador que puedes encontrar al buscar tu próximo rol de desarrollador. Explicaremos los detalles de cada rol para ayudarte a identificar cuál podría ser tu próximo movimiento. También compartiremos consejos para ayudarte a navegar por el proceso de contratación, basados en los diferentes roles para los que hemos entrevistado como reclutadores, pero también como candidatos. Esta será más bien una sesión de Pregúntanos lo que quieras, así que no dudes en compartir tus pensamientos y preguntas durante la sesión.

La forma en que observas el rendimiento de tu aplicación web a lo largo del tiempo puede marcar la diferencia en la experiencia de tus usuarios. Afortunadamente, puedes mantenerte constantemente informado sobre la salud de cada cambio en tu experiencia de usuario utilizando el Monitoreo de Usuarios Reales, e identificar de inmediato cualquier problema que esté frenando a tus usuarios actuales. Con él, puedes optimizar el tiempo que tarda en cargarse tu aplicación en dispositivos móviles, los tiempos de ida y vuelta para la obtención de activos, la latencia promedio entre las acciones del usuario y las actualizaciones de componentes, y más (agregando un pequeño bloque de código en el lugar correcto). En este masterclass aprenderás cómo aprovechar el Monitoreo de Usuarios Reales para rastrear y resolver los problemas que impiden una mayor adopción y retención de tu aplicación. Discutiremos cómo pensar en el rendimiento desde la perspectiva del usuario, evaluar qué métricas son importantes de monitorear continuamente y definir una buena estrategia para aliviar las latencias y problemas que más afectan a tus usuarios.

React Native es un framework utilizado para crear aplicaciones nativas de iOS y Android de una manera con la que los desarrolladores web ya pueden estar familiarizados. Pero, ¿cómo asegurarse de que tus aplicaciones React Native sean inclusivas y utilizables para todos? Scott compartirá consejos sobre cómo probar y construir aplicaciones React Native con accesibilidad integrada.

En este masterclass repasaremos los conceptos básicos de la transmisión de video por internet, incluyendo tecnologías como HLS y WebRTC. Luego construiremos nuestra propia aplicación React para reproducir transmisiones en vivo y grabaciones de transmisiones en vivo.

A medida que el comercio electrónico en todo el mundo se ha trasladado a una plataforma predominantemente en línea, la necesidad de proporcionar un sitio web de alto rendimiento a sus usuarios ha aumentado significativamente. Y además de eso, Google ha anunciado que a partir de mayo de 2021, los Core Web Vitals tendrán un impacto directo en el ranking de páginas y en el SEO, lo que hace que el rendimiento web sea aún más importante. Ven y aprende los conceptos básicos del rendimiento web y cómo se relaciona con los medios. Utilizando una sencilla aplicación de comercio electrónico basada en React en conjunto con un producto de optimización de medios, podrás aprender cómo entregar el formato y la fidelidad óptimos, mejorando potencialmente el ranking de tus páginas.

Cuando trabajas con Headless WordPress puede resultar desafiante configurar un sitio de comercio electrónico. Esta masterclass te guiará a través de la conexión de una aplicación de Shopify con tu sitio de WordPress, vinculando el contenido de WordPress con tus productos de Shopify, construyendo un frontend con React y NextJS para mostrar tus productos y publicaciones, utilizando Yoast SEO y desplegando tu sitio en la plataforma Atlas de WP Engine.

Con Gats v3 recién lanzado, aprende a construir sitios web modernos, eficientes y accesibles desde uno de los mantenedores del proyecto, Sid Chatterjee.

Cada negocio hoy en día es un negocio de software. El software está hecho de código. Y el código está destinado a ser mejorado. Sin embargo, los desarrolladores se quedan atrapados reaccionando a la monitorización, investigación y depuración del código para solucionar problemas. Pierden demasiado tiempo buscando manualmente a través de registros, APM y herramientas de observabilidad. En cambio, podrían estar utilizando ese tiempo para innovar. En este masterclass, los participantes serán introducidos a la plataforma de mejora continua del código que puede ayudarles a ver errores en tiempo real y les proporciona las herramientas necesarias para automatizar cómo responden. Los participantes aprenderán cómo instrumentar los SDKs ligeros de Rollbar en sus aplicaciones para capturar errores de excepción no capturados a medida que ocurren junto con el contexto y los detalles circundantes. Los participantes se irán con una visibilidad completa de cada error en su aplicación, junto con todos los datos importantes necesarios para hacer que la resolución sea indolora.

En este masterclass vas a desplegar una aplicación JS en nuestros servicios de Azure. Obviamente, no queremos hacer esto manualmente, así que vas a utilizar las acciones de GitHub para agilizar esta experiencia. Ahora que nuestra aplicación está en Azure, queremos asegurarnos de estar al tanto de los fallos y problemas de rendimiento, así que agregaremos algunas funcionalidades de App Insights en la mezcla. Durante el masterclass, mostraremos algunas características geniales que podrías aprovechar.