nunca me a gustado usar
create-react-app
se me hace muy chafa
Introducción a PWA
¿Qué es una PWA?
Progressive Web App vs. Native App
El proyecto
Google Lighthouse
Creando un Web Manifest
Implementar el Manifest
Service Workers
¿Qué es un Service Worker?
Introducción a Workbox
Implementando Workbox
Aplicando Estrategias de Carga
Google Analytics Offline
Experimentar con Workbox
Funcionalidades Avanzadas
Web Share API
Trabajando Offline
Notificaciones
Publicando la app
Crea una cuenta o inicia sesión
¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera
No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.
Antes: $249
Paga en 4 cuotas sin intereses
Termina en:
Roberto González
Nuestro proyecto será Platzi Recetas: una PWA para ver recetas que utiliza la API de TheMealDB.
Solamente usaremos React, generado por Create React App, junto con React Router.
Aportes 14
Preguntas 9
nunca me a gustado usar
create-react-app
se me hace muy chafa
El instructor podría haber indicado que debemos descargar el proyecto y no estar adivinando de dónde se deben descargar los recursos.
Estuve viendo el proyecto y parece que la API cambió. Ahora para obtener las últimas recetas debemos tener cuenta de Patreon y donar.
Para que siga funcionando el proyecto hice este cambio, haciendo la petición a otra URL:
// mealdb-api.js
async function getLatest() {
const request = await fetch(`${baseUrl}/random.php`); // ya no latest.php
...
}
Esto me trae una receta aleatoria (pero solo una). Si alguien encuentra una mejor alternativa avisa:
hola si de pronto a algunos les da problemas abrir el proyecto aquí algunas cosas que a mi me funcionaron:
primero instalar el isomorphic-fetch con este comando
npm i isomorphic-fetch
luego buscar actualizaciones con
npx npm-check-updates -u
instalar las actualizaciones con
npm install
y para abrirlo no usar npm run start o npm start sino
npm run dev
ahora si al abrir el proyecto en el navegador no se ven las recetas, deben de ir a mealdb-api.js y cambiar la baseUrl y el request de la funcion getLatest con
const baseUrl = "https://www.themealdb.com/api/json/v1/1";
const request = await fetch(`${baseUrl}/search.php?f=b`);
Hola, tengo una pregunta, como tal el curso no está orientado a hacer la app desde 0 sino a pasar una app ya creada a una PWA?
pero para el SEO no seria NEXT con PWA porque solo react puro ¿?
como dicen los compañeros ya el API de themealdb cambio así que cambien en mealdb-api.js
la parte del fetch de “/latest.php” a “search.php?f=c”
si desean bastantes recetas con la letra c o la s
no me queda claro una cosa, ¿el proyecto este de las “recetas” se realiza en algún curso o está hecho exclusivamente para el curso y nos delegan la responsabilidad de conocerlo cual construcción propia? ¿es un proyecto de solo react, react router, hntml y css básico o tiene a su vez código ya enfocado en la realización de una pwa?
Alguien mas tuvo este error al intentar correr el proyecto después de descargarlo?
SyntaxError: Unexpected token < in JSON at position 0
Me da ese error en consola, esta relacionado con el archivo recetas/src/mealdb-api.js
Esto fue después de usar npm install
y luego ‘npm run dev’, carga el sitio, pero vació y en consola veo el error que describí arriba
Alguien sabe qué extensión usa el profesor para que el logo del archivo en VSC sea el logo de react para los archivos react aunque sólo terminen en.js ?
Es posible incluir/usar expo en esta PWA ?
Yo descargué esto inicial de la sección de archivos
Odio ver como se usaba react antes, con clases y cuando los hooks y redux era inexistente, pero por lo menos no tengo que hacer ese código y solo preocuparme por la PWA ! ( eso espero )
h
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?