Cómo crear una PWA con React #reactjs #javascript

preview_player
Показать описание
Este vídeo te enseñará cómo convertir una aplicación React en una PWA con mensajes de instalación, logos personalizados y un manejo de service workers. ¡Haz que tu aplicación sea aún más accesible y fácil de usar!

Hoy os traigo un vídeo que tenía muchas ganas de grabar ya que en él os muestro cómo podemos adaptar una aplicación creada con React para que se comporte como una PWA.

Para ello, añadiremos las siguientes características a un proyecto básico de React:

- Mostraremos al usuario un mensaje para indicarle que puede instalar esta aplicación en su dispositivo.
- Estableceremos el logo y la pantalla de inicio.
- Gestionaremos la forma en que la aplicación se recarga cuando subimos una nueva versión del código al servidor.

[00:00] Introducción
[00:50] Proyecto con TypeScript
[02:30] Variables de entorno
[04:00] Logos e imagen de inicio
[11:00] Service workers
[16:00] Evento beforeinstallprompt

Como veis, convertir una aplicación desarrollada con React en una PWA instalable en nuestros móviles (o navegadores) es realmente sencillo.

💛 ¡Espero que os guste este nuevo vídeo!
Рекомендации по теме
Комментарии
Автор

Muy interesante. Gracias por compartir 😄

iamleinad
Автор

buenas pregunta tengo cuando pido el build "npm run build" sin modificar este template "npx create-react-app my-app --template cra-template-pwa" y la pongo en un hosting me dice que no se reconoce no encuentra ServiceWorker

huiterrodrigues
Автор

hola, he intentado acceder desde mi movil, conectado a la misma red, pero no me aparece la opcion de instalar la aplicacion, solo me aparece en el equipo donde monto el localhost, por que si uso la ip no se puede, me podrias ayudar por favor

aleal
visit shbcf.ru