React & PWA | Configuración simple usando create-react-app

Este es un ejemplo básico de como configurar React como una Aplicacion Web Progresiva o Progressive Web App (PWA). Crearemos un proyecto con create-react-app, agregaremos un servico worker y veremos que es lighthouse.

SINGLE PAGE APPLICATION (JAVASCRIPT VANILLA)

LOWDB

ASYNC AWAIT

MONGOOSE

CURSO DE NODEJS

CURSO DE MONGODB

MULTER, SUBIDA DE ARCHIVOS CON NODEJS

FIREBASE AUTHENTICATION

CURSO DE EXPRESS

VARIABLES DE ENTORNO NODEJS

CURSO DE JAVASCRIPT

CURSO DE GIT

VISUAL STUDIO CODE

VISITA MI SITIO WEB PARA MAS CURSOS Y CONTENIDO

SE UN MIEMBRO DEL CANAL:

FAZT - YOUTUBE:

TWITTER

INSTAGRAM

FACEBOOK

DISCORD

SLACK

MÁS ENLACES DE FAZT

#react #pwa #spa

[martinrodriguezleon]

Fazt seria genial que subieras un curso pago en Udemy sobre PWA con React para aprender de todo este tema a fondo. Seria el primero en comprarlo! Graciasss

[jorgealejandropintorestrep]

Muchas gracias FAZT. Siempre punta de lanza en tecnología. Estoy de acuerdo con Darveider, sería interesante montar una aplicación CRUD con éste concepto y que maneje combos en cascada en la página, es decir, si uno escoje un país, que en otro combo le cargue los departamentos o estados y al escojer un estado, que nos muestre los municipios o pueblos que pertenecen a es departamento (estado). O sea conectar html con MySQL con tres o más combos conectados en cascada y bajo el concepto todo de PWA. Muchas gracias por tu ayuda.

[arielangelsantillanreyna]

Hola Fazt, primeramente felicitarte por todo el trabajo y conocimiento que nos impartes, sigue así adelante superándote cada día.

En particular me gustaría que sigas con un curso de React con PWA, sobre una tienda en linea ya que creo que por la situación de la pandemia muchos ahora ven la necesidad de poder poner una tienda en linea. Te lo agradecería muchísimo, ya que estoy pensando realizar un proyecto similar para final de carrera y bueno eso me seria de gran ayuda.

La verdad no estaba seguro de que tecnologías usar, luego me decidí por React para realizar una web y conforme iva pasando el tiempo me di cuenta que tendría problemas en las notificaciones, geolocalización y acceso de cámara ya que la mayoría de la gente utiliza su dispositivo móvil para navegar; pero todos esas preocupaciones se me alivianaron gracias al ver hoy este video ahora se que puedo continuar haciendo mi proyecto en React y cuando lo necesite aplicar PWA.

Muchas gracias de antemano, saludos desde Bolivia.

[juanpedrososa]

Gracias Fazt, interesante video me gustaría aprender más sobre PWA con un ejemplo práctico (CRUD y Login)

[luzbell]

muy buenos e instructivos todos tus videos.... me gustaría si esta a tu alcance que realizaras los cursos de nivel intermedio de HTML, CSS, JS... en realidad busco ponerme al día con todo los tutoriales que subes... pero por ahora en lo personal estoy tratando de enfocarme en los tema que te mencione para aprenderlos lo mejor que pueda... y así paso a paso iré con los demás temas... gracias por compartir tus conocimientos

[nerdifico]

Este tutorial me ha sido superútil para entenderlo. ¡Muchas gracias!

[code_castle]

Siii x favor seria genial saber como crearla al 100% xfa haz la serie 💪😎👍

[ericktucto]

Voy a recordar este video como el que hablaste muy rápido, saludos, estuvo genial tu video

[SonGoku-pcjl]

todo lo que explicas es genial y super sugerente :) ademas vi este video mientras veo tu video donde explicas muy bien el Context en React y Context y PWA creo que son dos conceptos que se lleban muy bien jaja :) un abrazo :) p.d ya que propones hacer una pwa xula acepto la propuesta con ganas y como siempre, con agradecimiento :)

[haesslersealtielleonlopez]

Super genial me encantaria ver mas videos de pwa con react, ya que de eso no hay muchos, ademas ver mas cosas con angular y sus forma de hacer pwa y ssr.

[ricardoherrera]

hola gracias por todo
sigo varios cursos tuyos,

[Josecruz-fiyj]

Llevaba buscando algo como esto y justo tu lo viniste a sacar, en hora buena :), siento yo que una app buena sería hacer un pequeño chat con socket.io, bueno en lo personal a mí me gustaría verlo, esperamos tu próximo video

[duvanalonsogoezcorrea]

cordial saludo muy agradecido por su gran ayuda me gustaría que actualizara este vídeo mas a fondo

[edrisriosmorales]

Sería genial ver a mi futuro un CRUD de una pwa en react con typescript, buen video!

[garciaespinozakrilingjarid]

Que tal Fazt, me gusto mucho el video acerca de las PWA y bueno me gustaría que crearas un video donde expliques lo mismo pero ahora consumiendo una API con Spring Boot, y cosas por el estilo muchas gracias.

[lirianobossgamer]

Excelente video Fazt, porfavor has un video donde realices una app aunque sea sencilla con pwa

[luisaquinoc]

excelente!!! atentos al ejemplo práctico.

[alexhizjimenez]

Hay algo que este amigo, no haga bien???... Jajaja gracias Fazt

[raulzarza]

Es estado revisando documentación. Para comenzar con pwa así como sus ventajas y desventajas. Tengo un par de ideas que funcionarían bien en este concepto.

[nicolasrm]

hola que tal Fazt, a lo largo de mi camino en aprendizaje me tope con tu canal y quisiera agradecerte mucho primeramente vere completamente el video pero quisiera saber si podrias hacer un video explicando -- actionherojs -- y algo de como utilizarlo, saludos desde chiapas.