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

Показать описание
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!
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!
Crear PWA desde cero
🌐 Cómo Crear una Aplicación Web Progresiva [PWA] con tu Página Web: Guía Paso a Paso 📱
Cómo crear una PWA con React #reactjs #javascript
Cómo Crear PWA con React — Mega Tutorial
¿Que son las Progressive Web Apps? #pwa
Crea una PWA con Sveltekit | Tutorial completo
¿Cómo Crear una Aplicación WEB Progresiva (PWA) Desde Cero Cómo un Experto? - Guía Paso a Paso
Crear una aplicación PWA con NextJS es muy sencillo!
Como crear TU PWA en SOOMI
Cómo crear una PWA en el ChromeBook
Crea tu propio PWA de radios, audios y sonidos para Android y para iOS
Nextjs PWA Configuración Basica con Manifest
¡Apple acaba de matar a las PWA! ¿Qué sucedió?
Cómo crear tu PWA fácilmente en 2021
Cómo crear una PWA con Blazor Webassembly // ¿Quieres que tu sitio funcione offline?
Cómo hacer una PWA en GeneXus
🚀 Creando una PWA desde Cero para Radio y TV con UVAPLAY | Compatible con PC y Android
¿Qué es una PWA o Progressive Web App? - Glosario de Mobile & App Marketing
PWA - Aplicaciones Web Progresivas: Video promocional
Creando una Progressive Web App (PWA) con ReactJS
Desarrollando una PWA
Aplicaciones PWA con Vuejs y Quasar Framework desde 0
Cómo Crear una PWA Usando React y Vite
Programa una App ANDROID, iOS y WEB con el mismo código
Комментарии