Это видео недоступно.
Сожалеем об этом.
React, Rick and Morty REST API (con Vitejs y Github Pages)
HTML-код
- Опубликовано: 14 авг 2024
- Práctica las bases de React creando un proyecto sencillo usando la REST API de Rick And Morty. En este ejemplo crearemos una aplicación web que nos permita mostrar los personajes de la serie de television; además de usar Vitejs para crear el proyecto y finalmente desplegarlo gratuitamente en un servicio de despliegue de archivos estáticos como lo es Github Pages.
Repositorio de Ejemplo:
github.com/Faz...
Índice del Contenido
00:00 Introducción
01:20 Creación del Proyecto
24:54 Estilizar aplicación con Bootstrap
46:26 Deploy en Github Pages
🎥 Videos Recomendados:
Github Pages npm ➜ • Github Pages | Sitios ...
Mongodb Visual Studio Code ➜ • Mongodb para Visual St...
Mongoose ➜ • Mongoose | Introduccci...
Curso de Nodejs ➜ • Nodejs Curso Desde Cer...
Thunder Client ➜ • Thunder Client - Postm...
Variables de Entorno en Nodejs ➜ • Variables de Entorno e...
Curso de Git ➜ • Git y Github | Curso P...
Rest client VSCode ➜ • Rest Client | Extensio...
Mongodb Atlas ➜ • MongoDB Atlas, NoSQL e...
👨💻 ¿Qué servicios y productos utilizo?
Ledger (Hardware Wallet) ➞ bit.ly/3ijsVNW
SiteGround ➞ bit.ly/31u9ZEk
DigitalOcean ➞ m.do.co/c/8ef2...
Expo ➞ bit.ly/2WpYKtx
Cloudinary ➞ bit.ly/3ohNlJ7
Namecheap ➞ namecheap.pxf.io/ErDe9
Este tutorial es una actualizacion de un ejemplo antiguo:
• React 16, Aplicación d...
#react #javascript #frontend
Como siempre este genio con sus tremendos aportes, no paro de aprender con este canal. Muchas gracias !
Logré terminarla, fui a aprender primero lo de los hook en el otro video para que tuviera sentido usar el useEffect y el UseState y ahora vine a terminarlo, gracias Fazt estuvo genial verlo terminado ya que es lo primero que hago en react "completo " un saludo
y porsupuesto muchas gracias por compartir estos conocimientos
Muchas gracias Fazt como siempre genial el video tutorial. Creandono las bases para ir hacia algo más complejo y práctico. Gracias hermano saludos desde Cuba
Esta semana vienen varios ejemplos con Redux ;)
Que espectáculo es ir haciendo proyectos con vos hermano! Gracias otra vez
guau fazt, muchisimas gracias como siempre por explicar tan bien! repasar contigo es aprender, reaprender y aprender más y más :)
Grande crack... justo lo que iba a buscar para practicar y lo mejor es que hoy lo encuentro actualizado y echo por el gran y legendario Fazt. Gracias Master. 🙂
Me sirve mucho para practicar, gracias fazt!!
Saludos amigo, he seguido este video y lo he replicado, muy bueno. Aun no he llegado a la fase de publicación pero quisiera poder crear una pagina api como esta pero con la clasificación e imagen de dinosaurios para mi nieto que es fans de estos
Buenísimo justo lo estaba esperando , un saludo Fazt 👍👍
Un Saludo Deus, un gusto leerte otra vez :)
Me encantan todos tus videos, como siempre, me llevas al limite aprendiendo cada vez mas
Gracias por tu aporte explicas muy bien, he entendido mucho con tigo, mil gracias amigo
gracias Fazt!
Fazt, cuando un vídeo de react con typescript?
Tengo varios ya publicados puedes buscarlos como “React typescript fazt”
Aunque igual muy pronto los voy a actualizar
@@FaztCode si, ya los vi, quería ver si ibas a hacer alguno nuevo xd, saludos desde Perú
Tkm Fazt
excelente video para los que estan arrancando con react
Excelente video!
Nuevamente mil gracias Fazt, bendiciones
Muchas gracias!
cuando sea grande quiero ser como tu bro
Esa era Fazt !! Muchas gracias tío.
Gracias Fazt, increíble enseñanza como siempre!
Gracias Fazt, increíble. Me re sirvió para practicar!
Me encantan tus videos!! La cantidad de cosas que se aprende es brutal, podrías hacer uno explicando la diferencia entre fetch y axios? o a lo mejor otro haciendo uso de axios. Saludos desde Ecuador
muy buen tutorial
muchas graciass!!
Hola, como hago para q me busque las carpetas en el import ? me sale este error : Internal server error: Failed to resolve import "./bootstrap/dist/css/bootstrap.min.css" from "src\main.jsx". Does the file exist?
Eres un crack fazt idolo
Gracias Jhon :)
Me encantó, excelente vídeo.
Buen video, consulta. en el endpoint de personajes por id, hay un elemento que es episodes que contiene un array de urls de episodios que aparece el personaje, como capturo ese array y le mando como parametro al endpoint de episodios para que me liste los episodios ya que el endpoint de episodios recibe como parametro para consulta multiple un array de ids de numeros mas no la lista de url
hola fazt, cuando ejecuto el comando git push origin master, no me reconce el origin. y si lo subo segun los comandos que da git la pagina hace deploy en blanco
Genio! Gracias Siempre!
Jajajaja, hace un momento había visto que subiste un repo acerca de esto
jajaj puede que haya sido cuando mostre como subirlo en este video :D
Que genial muchas gracias
Hola Master Fazt. Una consulta super básico: cual es pligin de VS que utilizas para ir abreviando la creacion de codigo?
Justo estaba buscando cómo consumir apis gracias amigo, podrías hacer un vídeo parecdió pero con la api jikan API?
Saludos
Por supuesto, es una buena idea :) voy a elaborar algunos ejemplos
Tal vez es mucho pedir, admiro mucho tu trabajo soy un seguidor desde hace mucho tiempo, me ayudarías bastante si hicieras el consumo de la api rick and morti pero con solidity es un tema del que nadie ha hecho, tú eres un experto espero puedas ayudarme. pdt: es para mi trabajo.
Fazt hermano, como le haces para aprender tanto conocimiento de programación y nuevas tecnologías tan rápido? Por cierto buen video
Hola Sebastian, de hecho, estos son ejemplo bastante básicos, no se me ocurre ningún tema avanzado que haya publicado honestamente. Puedes seguir newsletter, canales de conferencias en RUclips, sitios de noticias y así, ya he hablado de eso hace bastante tiempo por este canal
Un Saludo :)
Buen fazt, sacarás algo de angular usando MySQL y que tal algo con imágenes , login y desploy 🤧
@@xO_ADX_Ox pues hay q insistir igual creo que ha dejado de lado a angular jaj
Muchas gracias por tus aportes, he aprendido mucho contigo.
Quisiera hacerte una pregunta, he intentado habilitar y deshabilitar dinamicamente los botonos de paginacion en funcion de si hay mas paginas para mostrar o no, pero no lo he logrado, la API tiene una propiedad para hacerlo pero no he sabido implementar correctamente los hooks para solucionarlo.
Me gustan tus videos, y como enseñas, pero cada vez se ve menos lo que hay en la pantalla, no hay casi contraste entre el código y el fondo, los textos están pequeños... 😢
Me gustan los videos donde hacias zoom con lupa o habia más contraste..
De todas formas muchas gracias por compartir tus conocimientos!
como puedo descargar la extension de react en el minuto 20:30?
Excelente
Excelente RENAN :)
genere un boton que te lleva a la seccion anterior , el unico problema es que no se detiene cuando llega a la pagina 1 sigue con 0 , -1, -2, -3, -4 etc. Si alguno sabe como solucionarlo le agradeceria!
props.setPage(props.page>1?props.page-1:1) y listo.
Grande fazt
Fazt tienes algun video explicando la extencion que usas para crear esos atajos de escritura de codigo?
De hecho no tengo uno publicado y es una de las extensiones que más uso, mañana lo grabo, pero mientras tanto el nombre de la extension es React ES7 Snippets
marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
Muchas gracias 😊
Hola Keyla, dejo el enlace por aqui :)
ruclips.net/video/uZw4geJ49yM/видео.html
Buen vidiiiio💪
Gracias!!!!
Podrias hacer algun video incorporando talwind por ejemplo a un proyecto de React xD
Te dejo este ejemplo, pero muy pronto voy a subir más ejemplos usando tailwind:
MERN Stack con Context API (Subida de imagenes, TailwindCSS, Formik)
ruclips.net/video/zm5gpipw3HM/видео.html
Hola Fazt, sigo aprendiendo gracias a ti, muy agradecido, todo bien por mi lado hasta el desarrollo, pero en el deploy tengo errores de cors, y al obtener la ruta no encuentra la ruta, gracias otra vez.
Estas seguro que añadiste la propiedad homepage correctamente, te dejo un articulo en donde lo detallan los pasos:
github.com/gitname/react-gh-pages
@@FaztCode Hola maestro, pero estoy viendo que la documentación no es con vite, en el video veo que en el package.json solo colocas el comando para ejecutar el deploy.
Buenas tardes , fazt / Compañeros , sera que podrian ayudarme a verificar y saber cual es el motivo del error :
{fatal: 'origin' does not appear to be a git repository
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.}
Te ha faltado añadir el repositorio de Github en tu proyecto. Es decir cuando creas un repositorio en "Github", este entre todos los comandos te da uno que empieza con:
git remote add origin ......
copia este, pegalo en tu consola, y esto añadirá a git una configuracion que le dirá a donde será subido.
Luego si ya hiciste un commit, podras ejecutar:
git push origin master
tambien puedes confirmar si no tienes el repositorio añadido con el comando:
git remote -v
si este comando te da dos enlaces por consola, significa que los tienes, sino tienes que hace lo primero que te mencioné. Saludos
Qué tema está usando tu VSC? Es muy bonito
creo que es ayu ruclips.net/video/l3IfJg1FSnM/видео.html
que extensión tenes para el auto completado?
Aquí muestro mi configuración de resct en vscode ruclips.net/video/9iqmT6dXYik/видео.html
Fazt una api con react para subir documentos con arrastrar y soltar por favor!!!!
completed.
Fazt esta mal el titulo. Escribiste react dos veces. Y las secciones del timeline tmb están erradas. Gracias por el video!
Ya lo reviso. Muchas gracias por el aviso
@@FaztCode de nada. Gracias a vos por el contenido.
los 10.000 son en pesos, dque
Master 🫡