Si les arroja el error "code ERESOLVE ERESOLVE could not resolve While resolving: undefined@undefined Found: eslint@....." agreguen el flag " --legacy-peer-deps " al comando.
Gracias 😎😎😎😎🤙🤙🤙🤑🤑🥵🥵🥵🥵🥵🥵🥵😳😳😳 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: rate-repositori-app@1.0.0 npm ERR! Found: eslint@8.15.0 npm ERR! node_modules/eslint npm ERR! peer eslint@">= 4.12.1" from babel-eslint@10.1.0 npm ERR! node_modules/babel-eslint npm ERR! dev babel-eslint@"*" from the root project npm ERR! peer eslint@"^8.0.1" from eslint-config-standard@17.0.0 npm ERR! node_modules/eslint-config-standard npm ERR! dev eslint-config-standard@"*" from the root project npm ERR! 5 more (eslint-plugin-import, eslint-plugin-n, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! dev eslint-config-standard-react@"*" from the root project npm ERR! npm ERR! Conflicting peer dependency: eslint@7.32.0 npm ERR! node_modules/eslint npm ERR! peer eslint@"^7.12.1" from eslint-config-standard-react@11.0.1 npm ERR! node_modules/eslint-config-standard-react npm ERR! dev eslint-config-standard-react@"*" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\Administrador\AppData\Local pm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrador\AppData\Local pm-cache\_logs\2022-05-20T04_13_58_905Z-debug-0.log
☑ *Quienes tengan problemas con el Router:* que sepan que este curso está envejeciendo y ya es un poco diferente la forma de enrutar. Ya no existe Switch, dejaré un ejemplo de como lo hice para el minuto 1:36:05:
Comento esto porque veo que varios preguntan cosas de Flutter en el video. Nosotros tenemos todo el stack con Typescript (salvo el legacy en PHP), Node en el servidor, Angular en la app interna y previsiblemente para la web cuando empecemos ese proyecto lo haremos en React, pero para una aplicación de almacen que tiene que ser nativa hemos optado por usar Flutter, la aplicación es relativamente sencillita y React ya lo conocemos bastantes en el equipo, si la experiencia nos convence ya podríamos portar otras aplicaciónes con más chicha como la app del ecommerce) Los motivos principalmente han sido: * El patron bloc (nos ha parecido una forma más limpia de implementar Flux que la que propone Redux, principalmente para Streams y funciones asincronas), * Los componentes son clases con sus propios "hooks" (en react también se puede, pero no es el estandar, todo se va encarando a funciones) * El ser un lenguaje relativamente similar a otros lenguajes que usamos como Typescript o C# (si fuese un salto como con Go seguramente no lo hubiesemos planteado nunca, este posiblemente es el motivo de peso más grande) * Flutter en 2021 ha pasado de 39 a 41% del mercado, mientras que react native tras dos años consecutivos en 42% ha pasado a 38% * Si vemos Google Trends la diferencia es de más del doble de interes en los ultimos 12 meses, seguramente sea hype pero, esto cruzandolo con lo anterior quiere decir, que al menos, escojas la que escojas tienes garantizado que no va a ser mala y vas a encontrar gente para trabajar. Datos extra: React nativo compila a nativo pero sigue haciendo uso de bastantes funcionalidades de js, no es nativo 100%, por lo que en bastantes casos es más lento que Flutter. Flutter en cambio si que es nativo y da en la mayoría de casos un rendimiento muy similar al de un programa directamente hecho para la plataforma en cuestion. Flutter 1.0 fue lanzado hace poco más de 2 años, React Native (no pasa de la 0.x pero es estable) hace 7 años, por lo que podríamos decir que React Native en teoría debería ser más maduro que Flutter, visto desde otro prisma, flutter es más nuevo y tiene más potencial para mejorar. Flutter usa dart, un lenguaje que practicamente solo lo usan en combinación con Flutter mientras que React Nativo usa JS (o Typescript) uno de los lenguajes más usados (para mi typescript es God Tier), por lo que he leido el encargado del proyecto de Flutter es el mismo que el de Dart, asi que si encuentran una limitacion por lenguaje en Flutter seguramente podrán plantearse implementarlo en el lenguaje en lugar de buscar una solución más compleja a nivel de framework. Flutter no usa lo componentes de interfaz nativos como si hace react, por lo que no deberían haber peculiaridades a nivel visual entre plataformas (no se como de comun es esto),
Hola muy buenas noches el contenido que sube a RUclips es de muy gran ayuda pero quiero dar una sugerencia Sería bueno que también realizará videos con el uso de lector de pantalla jaws para que la información que suba sea accesible para las personas con discapacidad visual Y así también podemos aprender de tecnología gracias
Por si alguien más se lía con esto... Ha cambiado el puerto del GraphQL al 4000, ahora en el fichero "apolloClient.js" hay que poner uri: 'TU_IP_AQUI:4000/graphql' para que funcione. Sino da error 404...
Me gusto mucho el video :) Recomendación: Personalmente a la hora de hacer el npm install de (linter) "--save-dev babel-eslint eslint-config-standard eslint-config-standard-jsx eslint-config-standard-react eslint-plugin-promise eslint-plugin-import eslint-plugin-node eslint-plugin-react" babel-eslint le tiraba un error, averiguando el porque encontre que estaba en desuso. En su lugar installen "@babel/eslint-parser". 16:25
3:11:25 Para los que le den error "Network request failed" del fetch y están usando el expo desde su celular físico, es porque el teléfono físico no tiene ni idea de que es el "localhost:5000", por lo tanto, deben de colocar la dirección ip en el fetch para que les funciones en el teléfono físico. Para saber cual es, solo abran su consola e ingresan "ipconfig". Creo que en Linux es "ifconfig"
Si estan en windows van a tener que agregar una regla en su firewall y habilitar unas reglas o simplemente desactivar el firewall en lo que trabajan jajajajaja
Niceee, justo a tiempo e impresionante jejeje siempre tienes el contenido que necesito a la mano y lo que me parece bien particular es que este fue a velocidad pensamiento , justo pensando en buscar este contenido y pops una notificación con este video jejejej, gracias por tus aportes en mi caso han sido de gran ayuda en mi carrera y se que en la de muchos éxito Bro.
Excelente Curso. Mido como siempre, impecable. Faltaría la continuidad del curso, espero que salga en algun momento. Lo mísmo con el repositorio del proyecto que esta muy desactualizado. De cuqluier manera, gracias por lo dado hasta ahora que igual ayuda muchisimo en el desarrollo profesional
@miduved muchas gracias por este tutorial, bastante util! ojala puedas realizar y compartir nuevos proyectos con react native, veo que en un año han actualizado algunas maneras lo que me parece de gran valor para los que estamos empezando en este mundo del desarrollo! abrazos!
2 года назад+1
Midu no puedo creer que tengas un curso de 4 horas de RN. Increíble
Para tener encuenta si les sale un error cuando intentan con el Router usar el Swich. En React Router Native v6, el componente Switch ha sido reemplazado por el componente Routes
perdon la ordinaries, pero el chupadon que te pegaria jajajajaja , te juro que me estaba volviendo loco y no comprendia cual era el problema, tampoco encontre informacion con respecto a si habia algun cambio ! gracias !!!
Hola! como alguien comento por ahi, el repo rate-repository-api esta super cambiado y el clone normal te manda una versión con apollo server, que no supe como hacerlo funcionar. Por lo que mi solucion fue: 1) Bajarme a la version del video del repo, que el commit es 4ed1efcb23cb29a3bcf544f8b7079c2ce22eaa35 y con esa version, funciona como esta en el video. 2) probablemente les saldrá el error [Network error]: TypeError: Network request failed en ese caso tienen que poner el ip de su pc en vez de localhost, con eso funciona. saludos!
Saludos desde Ecuador, eres mi idolo. Ya soy Ingeniero en TICS, pero sigo aprendiendo nuevas tecnologías con tus videos. Se que es dificil, pero me gustaria salir en una mención en alguno de tus directos. #code #ecuador #midugod
me parece increíble que todo te funciona correctamente, yo por mi lado tengo errores de jdk lugares de instalación mal puestos que conexiones, y errores que termino mirando otros tutoriales para resolver, y un video tuyo de 1 hora yo lo completo en 2 días. es frustrante, no se como debo hacer para que todo corra fluido como te sale a vos al primer intento, quiero tirar mi compu por la ventana! jajaja
somos dos jajajajaja, a mi en el paso inicial de abrir el web browser ni me sale, porque en vez de abrirseme expo, me sale esa info en la consola, y como digo, ahi no me aparece la opcion web browser, asi que no puedo seguir sin querer tirarme por el balcon jakajakjakjakkjakajkajakjaka
La verdad me confunde un poco la gran cantidad de palabras y/o términos que se usan en react native para diversas funciones, pero poco a poco me iré adaptando hasta convertirme en alguien muy hábil en este entorno; agradecido por el vídeo. 👍🏻
Eres una maquina, todo bien explicado y amable, llevo un mes y medio trabajando con react native en una empresa y he aprendido un monton de cosas que no sabia, un saludo y gracias jeje
@@davidlozada6114 para empezar solamente necesitas saber JavaScript, y si sabes cómo funciona React pues mejor :) Si encuentras trabajo de ello pues aprenderás muchísimo con el paso del tiempo, yo ahora ya no estoy en esa empresa, y en la actual no utilizamos React
Estoy comenzando el tutorial...interesante el tema de las constantes expo, ahorita me estoy cambiando de Windows a Mac y ando más enredado que manco encendiendo petardos. Hace tiempo usé un componente que se llama SafeView como base de contenedor para envolver la aplicación y que no ocurra eso que mostraste al principio, pero como dices: la idea es que sea compatible tanto para Android como para IOS.
Expo me tiene loca con el mantenimiento, cada 3 meses sacan release :P y no puedo respirar con tantas actualizaciones. Pero si que es increible todo el proceso que te evita.
MiDu Crees que puedas hacer uno de React Native pero con CLI + Typescript en lugar de Expo y JS ? 😯 Muchas gracias por cierto como siempre por aportar tanto valor y de semejante calidad a la comunidad 🙌🏼☺️✨
la razón por la que vine a este video es porque compré en Udemy un curso de native con CLI y typescript y es el mayor dolor de cabeza que he tenido. Cada vez que voy a trabajar en una app nueva hay que hacer algo nuevo
@@estermoquin cual seria yo en el gradel.seting puse el path del sdk de java,despues verifica q este instalado los skd de android. Goglea mas espesifico asi lo fixie
Lo que sucede es que lo que se pide en el 99% de los empleos es CLI entonces es un poco irreal trabajar con expo ya que es como preparado para "protegerte" de todo ese otro trabajo de actualizar y saber de codigo nativo , etc.. considero que CLI no es para cualquiera pero si es cierto que se paga muy bien en compensacion@@estermoquin
no creo que nadie lea este comentario pero no pierdo nada escribiendo jajaja, no tengo forma de arreglar los problemas con el rate-repository-api. Seguí algunos consejos que aparecen en los comentarios pero no logro resolverlo tampoco, nada me aparece como a los demás
A dia de hoy (Marzo/2024) este curso es vigente? Es decir, han cambiado muchas cosas a parte del react-router-native? Quiero aprender react native, espero no sea tarde. Ya tengo bases en reactjs e incluso en nextjs (que, bueno, es reactjs potenciado). Se me hace fácil aprender viendo tutoriales y siguiendo guias de proyectos ya existentes. Aunque leyendo documentscion igual se llega a algun lado, quizás mas lento.... Pero se llega. 😅
Se puede seguir el curso bien, pero hay algunos problemas por las últimas versiones de las librerías... Aunque tienen solución, si te sirve de ayuda acabo de terminar el curso y he subido el código a mi github
hola, a mi me dan muchos problemas de dependencia el expo, el react native y el react navigation, ademas de que me sale que tengo muchas vulnerabilidades en los paquetes instalados
Me gustan tus videos y como enseñas peeero, considero que el eslint(que nadie duda que sea práctico), puede resultar demasiado frustante y confuso de ver para alguien que no está acostumbrado o recien está aprendiendo. Gracias por compartir
(edit) Añado marcas. No son perfectas, pero mejor que nada 00:00 Intro React-Native 03:10 Expo 05:10 Creando la app 10:07 Configurando iOS simulator 12:26 react-native-debugger 15:40 Linter 17:30 Text, View, Touchable 25:00 StatusBar y expo-constants 29:30 Mostrando los repositorios 32:37 ScrollView y FlatList 40:15 Desactivando reglas linter 41:00 StyleSheet, theme y estilos 54:38 FlexBox. Alineando texto y stats 01:02:00 ParseThousands 01:04:19 Estilando language 01:07:05 alignSelf: flex-start 01:08:10 BorderRadius y overflow 01:08:40 Image. Mostrando repo image 01:11:00 FlexBox. Mostrando image side by side 01:18:20 MarginHorizontal y MarginVertical 01:19:20 AppBar 01:25:00 react-router-native 01:28:30 Problemas con react-router-native 01:29:30 Solucion: webpack-config 01:34:50 Ruteando 01:40:50 Scroll para las tabs 01:49:00 Preguntas 02:07:40 Inicio clase 2 02:11:30 StatusBar 02:14:25 Plarform.select 02:26:00 Sign in con Formik 02:40:25 Formik: useField 02:45:15 Masking the password 02:46:15 Preguntas 02:50:30 Validacion de formulario 02:57:40 Validación con yup 03:04:00 Configurando el backend 03:09:15 Queries a la REST API 03:13:30 global.fetch y globalThis 03:14:30 custom hook useRepositories 03:17:50 Arreglando errores por localhost 03:20:20 ApolloClient 03:23:35 GraphQL 03:26:45 Usando graphQL en el custom hook 03:30:00 Preguntas ---------- Hola! podrías añadir capítulos al vídeo? me refiero a que en la barra de progreso se vea de que va cada trozo del vídeo. En 4h de vídeo es un poco difícil de encontrar lo que uno busca, y este vídeo lo utilizo mucho :D muchas gracias por todo el contenido, y los que no sois y lo usáis, haceros Patreon!
¡Hola! Logré resolver el problema de versión de react-router-native dejando la versión 5.3.4. Con la versión 6 (seis) hay problema en el renderizado de componentes. Saludo,
Estuve viendo el video mas interesado por la parte de react native, muchas gracias, muy bueno y entendible. Mi pregunta es, como se genera el archivo apk? Me lo perdí?. Gracias
Una duda, para ver este curso , se recomienda conocer previamente REACT? de ser asi ningun problema , pero es que esto ando buscando ,ya conozco react y pues queria saber que onda con native . ACTUALIZACION Minuto 1:40 , El mismo (me habia saltado esta intro xd)menciona que SI hay que saber React.JS , entonces NO es desde 0 , el curso es GOD pero el titulo es engañoso , pero bue, es el mejor tutorial de native que he visto , asi que no problem , pero n o se confundan y aprendan react tmbn y luego se pasan a ver esta joya
Hola! Quisiera saber si es conveniente usar Expo con Firebase. Vi que por ejemplo el login con social media no lo soporta. Recomiendas usar código nativo con expo? O solo native query? Podrías hacer un video explicando el uso de firebase con react native
En mi caso, para crear la app no me funcionó exactamente el expo init rate-repository-app Utilicé: npx create-expo-app --template Después de seleccionar blank, te pide que ingreses el nombre de la app!
buenas! ademas del enrutamiento, hay algo mas que haya cambiado considerablemente como para tener en cuenta al ver el video hoy? septiembre-2023, saludos!
Estoy siguiendo el video, que por cierto esta muy bueno. Hago una observacion aqui, el codigo de repo rate-repository-api actualmente es totalmente distinto al del video
hola, tenia el mismo problema, en mi caso note que la carpeta de node_modules se me genero en la ruta www, asi que agrege esta ruta a las variables de entorno en windons
3:11:08 la ruta de localhost a mi no me ha funcionado en el emulador de Android en Windows, he tenido que usar "10.0.2.2", por si le sirve a alguien para poder verlo en web tambien he aprovechado Platform y asi android y web tienen su ruta concreta: import { Platform } from "react-native"; const localhostUri = Platform.select({ android: "10.0.2.2", default: "localhost", }); export default localhostUri
Lo pudieron resolver? Si al Switch lo cambian por Routes y al Route le pasan una prop llamada element con el componente a renderizar en esa ruta anda. } />
@@facundopellicer7514 voy a intentar aunq me tocó cambiar el redirect por navigate y el switch por otra librería sin embargo me muestra otro error, voy a intentar con ese q dices a ver
No me funcionaba el renderizado de la lista, tuve que modificar la lógica del RepositoryList sacandole el return. Así me funcionó: const RepositoryList = () => (
Muy bien curso.... Me recomendaron este video.... Pero ya empezando hay cosas extrañas... O es que yo trabajo en Windows no me sale esa página... Todo sale en CMD y cuando quiero ejecutar en Chrome o Firefox me sale en blanco
buenas como andas? me podrias sacar una duda sobre los costos de Expo, entiendo que podes hacer hasta 300 paquetes del mismo proyecto y 20000 descargas antes de pasar al paquete Enterprise?? gracias
Hola !!! midu muchas gracias por tus videos. Lastimosamente me quede en el 3:05:18 estoy tratando de instalar la API pero al ejecutar npm install me genera error. Tengo un M1 y la version de node que uso es la v16.19.0. 🥺. Me podrias ayudar he visto todos tus videos y no puedo creer que me quede estancando ya casi terminando.
Hola!!! Ya lo logre solucionar. Tenia un problema con la version de Node y squile3 asi que utilice los siguientes comandos y todo perfectooo npm install -g npm@6 npm install sqlite3 --save
Excelente Video!
Dejo la linea de instalación del eslint ;)
npm install --save-dev babel-eslint eslint-config-standard eslint-config-standard-jsx eslint-config-standard-react eslint-plugin-promise eslint-plugin-import eslint-plugin-node eslint-plugin-react
Si les arroja el error "code ERESOLVE ERESOLVE could not resolve While resolving: undefined@undefined Found: eslint@....." agreguen el flag " --legacy-peer-deps " al comando.
@@maximilianomonzon1317 Grande! 👌
Gracias 😎😎😎😎🤙🤙🤙🤑🤑🥵🥵🥵🥵🥵🥵🥵😳😳😳
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: rate-repositori-app@1.0.0
npm ERR! Found: eslint@8.15.0
npm ERR! node_modules/eslint
npm ERR! peer eslint@">= 4.12.1" from babel-eslint@10.1.0
npm ERR! node_modules/babel-eslint
npm ERR! dev babel-eslint@"*" from the root project
npm ERR! peer eslint@"^8.0.1" from eslint-config-standard@17.0.0
npm ERR! node_modules/eslint-config-standard
npm ERR! dev eslint-config-standard@"*" from the root project
npm ERR! 5 more (eslint-plugin-import, eslint-plugin-n, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! dev eslint-config-standard-react@"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: eslint@7.32.0
npm ERR! node_modules/eslint
npm ERR! peer eslint@"^7.12.1" from eslint-config-standard-react@11.0.1
npm ERR! node_modules/eslint-config-standard-react
npm ERR! dev eslint-config-standard-react@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Administrador\AppData\Local
pm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrador\AppData\Local
pm-cache\_logs\2022-05-20T04_13_58_905Z-debug-0.log
@@maximilianomonzon1317 todo un salvador
Como no vi este comentario antes haha gracias!!!
☑ *Quienes tengan problemas con el Router:* que sepan que este curso está envejeciendo y ya es un poco diferente la forma de enrutar.
Ya no existe Switch, dejaré un ejemplo de como lo hice para el minuto 1:36:05:
crack
Pero que crack brooo
te amo
Genio!
Crack
Gracias 🙏 soy un señor mayor que se embarcó en esta locura hace 2 años , y me ayudas un montón 😂😂😂😂😂🎉🎉
Que nota mi viejo, muchos ánimos, un saludo 👏🏻👏🏻👏🏻👏🏻
Muy buena locura. Éxitos amigo
@@Fer_go dije señor mayor no viejo😭😭😭😂😂😂😂😂
@@Fer_go animo joder que se puede!!
@@wolfdog9409 aquí se entiende como lo mismo hahahaha
Que emoción, esa sensación de aprender cosas nuevas en este mundo, recuerden seguir y nunca rendirse!
Gracias MIdu, un abrazo.
No puedo creer que este curso sea gratuito. Gracias a vos aprendi react native
Comento esto porque veo que varios preguntan cosas de Flutter en el video.
Nosotros tenemos todo el stack con Typescript (salvo el legacy en PHP), Node en el servidor, Angular en la app interna y previsiblemente para la web cuando empecemos ese proyecto lo haremos en React, pero para una aplicación de almacen que tiene que ser nativa hemos optado por usar Flutter, la aplicación es relativamente sencillita y React ya lo conocemos bastantes en el equipo, si la experiencia nos convence ya podríamos portar otras aplicaciónes con más chicha como la app del ecommerce)
Los motivos principalmente han sido:
* El patron bloc (nos ha parecido una forma más limpia de implementar Flux que la que propone Redux, principalmente para Streams y funciones asincronas),
* Los componentes son clases con sus propios "hooks" (en react también se puede, pero no es el estandar, todo se va encarando a funciones)
* El ser un lenguaje relativamente similar a otros lenguajes que usamos como Typescript o C# (si fuese un salto como con Go seguramente no lo hubiesemos planteado nunca, este posiblemente es el motivo de peso más grande)
* Flutter en 2021 ha pasado de 39 a 41% del mercado, mientras que react native tras dos años consecutivos en 42% ha pasado a 38%
* Si vemos Google Trends la diferencia es de más del doble de interes en los ultimos 12 meses, seguramente sea hype pero, esto cruzandolo con lo anterior quiere decir, que al menos, escojas la que escojas tienes garantizado que no va a ser mala y vas a encontrar gente para trabajar.
Datos extra:
React nativo compila a nativo pero sigue haciendo uso de bastantes funcionalidades de js, no es nativo 100%, por lo que en bastantes casos es más lento que Flutter.
Flutter en cambio si que es nativo y da en la mayoría de casos un rendimiento muy similar al de un programa directamente hecho para la plataforma en cuestion.
Flutter 1.0 fue lanzado hace poco más de 2 años, React Native (no pasa de la 0.x pero es estable) hace 7 años, por lo que podríamos decir que React Native en teoría debería ser más maduro que Flutter, visto desde otro prisma, flutter es más nuevo y tiene más potencial para mejorar.
Flutter usa dart, un lenguaje que practicamente solo lo usan en combinación con Flutter mientras que React Nativo usa JS (o Typescript) uno de los lenguajes más usados (para mi typescript es God Tier), por lo que he leido el encargado del proyecto de Flutter es el mismo que el de Dart, asi que si encuentran una limitacion por lenguaje en Flutter seguramente podrán plantearse implementarlo en el lenguaje en lugar de buscar una solución más compleja a nivel de framework.
Flutter no usa lo componentes de interfaz nativos como si hace react, por lo que no deberían haber peculiaridades a nivel visual entre plataformas (no se como de comun es esto),
Hola muy buenas noches el contenido que sube a RUclips es de muy gran ayuda pero quiero dar una sugerencia Sería bueno que también realizará videos con el uso de lector de pantalla jaws para que la información que suba sea accesible para las personas con discapacidad visual Y así también podemos aprender de tecnología gracias
es gratis! que mas quieres!
@@TuGorditoCacheton Por lo que entendí, se refiere a que personas carentes de visión, puedan acceder a la información del video.
Por si alguien más se lía con esto... Ha cambiado el puerto del GraphQL al 4000, ahora en el fichero "apolloClient.js" hay que poner uri: 'TU_IP_AQUI:4000/graphql' para que funcione. Sino da error 404...
Me gusto mucho el video :)
Recomendación: Personalmente a la hora de hacer el npm install de (linter) "--save-dev babel-eslint eslint-config-standard eslint-config-standard-jsx eslint-config-standard-react eslint-plugin-promise eslint-plugin-import eslint-plugin-node eslint-plugin-react"
babel-eslint le tiraba un error, averiguando el porque encontre que estaba en desuso. En su lugar installen "@babel/eslint-parser".
16:25
Me dio error el Switch. Lo arreglé reemplazando el Switch con Routes. import {Routes, Route} from 'react-router-native'
const Main = () =>{
return (
)
}
gracias mi kong
Efectiva la correccrión ! muchas gracias !
Muchas gracias ! me salvaste
Te amoooooooooooooooooooo :v
3:11:25 Para los que le den error "Network request failed" del fetch y están usando el expo desde su celular físico, es porque el teléfono físico no tiene ni idea de que es el "localhost:5000", por lo tanto, deben de colocar la dirección ip en el fetch para que les funciones en el teléfono físico. Para saber cual es, solo abran su consola e ingresan "ipconfig". Creo que en Linux es "ifconfig"
Si estan en windows van a tener que agregar una regla en su firewall y habilitar unas reglas o simplemente desactivar el firewall en lo que trabajan jajajajaja
@@bolillospartano podrias explicar un poco sobre las reglas?
@@uberneyzapata8392 me sumo al pedido, como lo haces
en que parte del fetch iria el ip?
Esperando con ansias este curso gracias Crack..! complementando con el de el gran Nicolas Schurmann
Habrán docs, artículos, videos, JavaScript en jeroglíficos, pero nada como esto! 🥵 SIEMPRE se aprende MUCHÍSIMO, excelente video!!!
Me vuela la cabeza la cantidad de contenido que tienes subido a la playlist del bootcamp... mil gracias!
Niceee, justo a tiempo e impresionante jejeje siempre tienes el contenido que necesito a la mano y lo que me parece bien particular es que este fue a velocidad pensamiento , justo pensando en buscar este contenido y pops una notificación con este video jejejej, gracias por tus aportes en mi caso han sido de gran ayuda en mi carrera y se que en la de muchos éxito Bro.
Simplemente genial! Muchas gracias por compartir tus conocimientos. Pulgares arriba. Saludos y bendiciones para todos desde México.
Desde ya!!! Esto estará genial!!! Como el demás contenido de este canal.
Disfruto mucho aprendiendo contigo Midu, gracias por todo!
Solo diré Woow, locura de video. Se tocan varias cosas interesantes y eso que voy 2hs recién
Excelente Curso. Mido como siempre, impecable. Faltaría la continuidad del curso, espero que salga en algun momento. Lo mísmo con el repositorio del proyecto que esta muy desactualizado. De cuqluier manera, gracias por lo dado hasta ahora que igual ayuda muchisimo en el desarrollo profesional
@miduved muchas gracias por este tutorial, bastante util! ojala puedas realizar y compartir nuevos proyectos con react native, veo que en un año han actualizado algunas maneras lo que me parece de gran valor para los que estamos empezando en este mundo del desarrollo! abrazos!
Midu no puedo creer que tengas un curso de 4 horas de RN. Increíble
Pues ya ves jajajaja A compartirlo!!!
Este es mi segundo día aprendiendo con vos; Puedo decir algo que me gusta de tus videos: Breve, Conciso y Preciso 💪
Excelente! 🤗
Para tener encuenta si les sale un error cuando intentan con el Router usar el Swich. En React Router Native v6, el componente Switch ha sido reemplazado por el componente Routes
Aqui una ayuda para la gente que tiene el mismo problema
@@totitocrack exactamente 👌👍
perdon la ordinaries, pero el chupadon que te pegaria jajajajaja , te juro que me estaba volviendo loco y no comprendia cual era el problema, tampoco encontre informacion con respecto a si habia algun cambio ! gracias !!!
Hola! como alguien comento por ahi, el repo rate-repository-api esta super cambiado y el clone normal te manda una versión con apollo server, que no supe como hacerlo funcionar. Por lo que mi solucion fue:
1) Bajarme a la version del video del repo, que el commit es 4ed1efcb23cb29a3bcf544f8b7079c2ce22eaa35 y con esa version, funciona como esta en el video.
2) probablemente les saldrá el error [Network error]: TypeError: Network request failed en ese caso tienen que poner el ip de su pc en vez de localhost, con eso funciona.
saludos!
muchas gracias!!
Muchas gracias Midu a abril del 2023 y todo funciona perfecto. Si cambia algunas librerias pero solo es leer la documentacion y funciona.
Lo esperaba hace mucho tiempo!! Eres el mejor gracias midu !
Gracias, Feiner! 🤗
Por finn, lo que estaba esperando desde hace mucho :D
aplaudan, aplaudan y no dejen de aplaudir!
Este videito no me lo esperaba pero messirve ojalá luego suba uno de next js 😌😌
Hola, en el min 29 escribe y aparecen unos repositories, de donde salen? ahí voy, ayuda por favor!
¡Hola sr.!
Gracias por publicar este contenido. Ahora mismo aprendiendo.
Saludo desde Colombia.
Gracias a ti
Saludos desde Ecuador, eres mi idolo. Ya soy Ingeniero en TICS, pero sigo aprendiendo nuevas tecnologías con tus videos.
Se que es dificil, pero me gustaria salir en una mención en alguno de tus directos.
#code #ecuador #midugod
me parece increíble que todo te funciona correctamente, yo por mi lado tengo errores de jdk lugares de instalación mal puestos que conexiones, y errores que termino mirando otros tutoriales para resolver, y un video tuyo de 1 hora yo lo completo en 2 días. es frustrante, no se como debo hacer para que todo corra fluido como te sale a vos al primer intento, quiero tirar mi compu por la ventana! jajaja
somos dos jajajajaja, a mi en el paso inicial de abrir el web browser ni me sale, porque en vez de abrirseme expo, me sale esa info en la consola, y como digo, ahi no me aparece la opcion web browser, asi que no puedo seguir sin querer tirarme por el balcon jakajakjakjakkjakajkajakjaka
La verdad me confunde un poco la gran cantidad de palabras y/o términos que se usan en react native para diversas funciones, pero poco a poco me iré adaptando hasta convertirme en alguien muy hábil en este entorno; agradecido por el vídeo. 👍🏻
Eres una maquina, todo bien explicado y amable, llevo un mes y medio trabajando con react native en una empresa y he aprendido un monton de cosas que no sabia, un saludo y gracias jeje
yo busco trabajar en alguna empresa con React Native, que tanto conocimiento crees que se necesita para empezar?
@@davidlozada6114 para empezar solamente necesitas saber JavaScript, y si sabes cómo funciona React pues mejor :)
Si encuentras trabajo de ello pues aprenderás muchísimo con el paso del tiempo, yo ahora ya no estoy en esa empresa, y en la actual no utilizamos React
@@manumz98 Me alegro, bro. Yo ando busca que busca pero aún no consigo trabajo. Ya ando entrando en desesperación jaja
Este señor es mi idolo gracias por existir midu
Como siempre, muy grande tu vídeo, eres el mejor, sin duda! Un abrazo enorme Midu!!!
Muchísimas gracias!
Muchisimas gracias, venia estancado y desanimado. Me ayudaste a desestancarme.
Estoy comenzando el tutorial...interesante el tema de las constantes expo, ahorita me estoy cambiando de Windows a Mac y ando más enredado que manco encendiendo petardos. Hace tiempo usé un componente que se llama SafeView como base de contenedor para envolver la aplicación y que no ocurra eso que mostraste al principio, pero como dices: la idea es que sea compatible tanto para Android como para IOS.
Esto sera maravilloso!
Midu me está dando problemas al hacer npm start , el error me dice algo de error con webpack
Gracias!!!!! Llevo tanto esperandolo xd bueno toca maratona mitad de semana :3
Me leíste la mente!. Vamos con ilusión a aprenderlo 😉
Sera de lo mejor 🤓, muchas gracias
Expo me tiene loca con el mantenimiento, cada 3 meses sacan release :P y no puedo respirar con tantas actualizaciones. Pero si que es increible todo el proceso que te evita.
MiDu Crees que puedas hacer uno de React Native pero con CLI + Typescript en lugar de Expo y JS ? 😯 Muchas gracias por cierto como siempre por aportar tanto valor y de semejante calidad a la comunidad 🙌🏼☺️✨
x2
la razón por la que vine a este video es porque compré en Udemy un curso de native con CLI y typescript y es el mayor dolor de cabeza que he tenido. Cada vez que voy a trabajar en una app nueva hay que hacer algo nuevo
problemas de Gradle , SDks, JDKs, y si tienes una MAC es doble dolor de cabeza ( como mi caso )
@@estermoquin cual seria yo en el gradel.seting puse el path del sdk de java,despues verifica q este instalado los skd de android. Goglea mas espesifico asi lo fixie
Lo que sucede es que lo que se pide en el 99% de los empleos es CLI entonces es un poco irreal trabajar con expo ya que es como preparado para "protegerte" de todo ese otro trabajo de actualizar y saber de codigo nativo , etc.. considero que CLI no es para cualquiera pero si es cierto que se paga muy bien en compensacion@@estermoquin
no creo que nadie lea este comentario pero no pierdo nada escribiendo jajaja, no tengo forma de arreglar los problemas con el rate-repository-api. Seguí algunos consejos que aparecen en los comentarios pero no logro resolverlo tampoco, nada me aparece como a los demás
A dia de hoy (Marzo/2024) este curso es vigente?
Es decir, han cambiado muchas cosas a parte del react-router-native?
Quiero aprender react native, espero no sea tarde. Ya tengo bases en reactjs e incluso en nextjs (que, bueno, es reactjs potenciado).
Se me hace fácil aprender viendo tutoriales y siguiendo guias de proyectos ya existentes. Aunque leyendo documentscion igual se llega a algun lado, quizás mas lento.... Pero se llega. 😅
Se puede seguir el curso bien, pero hay algunos problemas por las últimas versiones de las librerías... Aunque tienen solución, si te sirve de ayuda acabo de terminar el curso y he subido el código a mi github
acá espero papá 🐱🏍
Increíble recurso para empezar a sacarle provecho a React Native!
hola, a mi me dan muchos problemas de dependencia el expo, el react native y el react navigation, ademas de que me sale que tengo muchas vulnerabilidades en los paquetes instalados
Excelente estimado, siempre pendiente de tus entregas, saludos...
Aqui esperando la proxima clase :)). Saludos midu
Del bootcamp, por ahora, no habrá nuevas clases! 😅
La magia de Midu ⭐⭐
Gracias Midu, saludos desde Colombia
Me gustan tus videos y como enseñas peeero, considero que el eslint(que nadie duda que sea práctico), puede resultar demasiado frustante y confuso de ver para alguien que no está acostumbrado o recien está aprendiendo. Gracias por compartir
(edit)
Añado marcas. No son perfectas, pero mejor que nada
00:00 Intro React-Native
03:10 Expo
05:10 Creando la app
10:07 Configurando iOS simulator
12:26 react-native-debugger
15:40 Linter
17:30 Text, View, Touchable
25:00 StatusBar y expo-constants
29:30 Mostrando los repositorios
32:37 ScrollView y FlatList
40:15 Desactivando reglas linter
41:00 StyleSheet, theme y estilos
54:38 FlexBox. Alineando texto y stats
01:02:00 ParseThousands
01:04:19 Estilando language
01:07:05 alignSelf: flex-start
01:08:10 BorderRadius y overflow
01:08:40 Image. Mostrando repo image
01:11:00 FlexBox. Mostrando image side by side
01:18:20 MarginHorizontal y MarginVertical
01:19:20 AppBar
01:25:00 react-router-native
01:28:30 Problemas con react-router-native
01:29:30 Solucion: webpack-config
01:34:50 Ruteando
01:40:50 Scroll para las tabs
01:49:00 Preguntas
02:07:40 Inicio clase 2
02:11:30 StatusBar
02:14:25 Plarform.select
02:26:00 Sign in con Formik
02:40:25 Formik: useField
02:45:15 Masking the password
02:46:15 Preguntas
02:50:30 Validacion de formulario
02:57:40 Validación con yup
03:04:00 Configurando el backend
03:09:15 Queries a la REST API
03:13:30 global.fetch y globalThis
03:14:30 custom hook useRepositories
03:17:50 Arreglando errores por localhost
03:20:20 ApolloClient
03:23:35 GraphQL
03:26:45 Usando graphQL en el custom hook
03:30:00 Preguntas
----------
Hola! podrías añadir capítulos al vídeo? me refiero a que en la barra de progreso se vea de que va cada trozo del vídeo. En 4h de vídeo es un poco difícil de encontrar lo que uno busca, y este vídeo lo utilizo mucho :D muchas gracias por todo el contenido, y los que no sois y lo usáis, haceros Patreon!
Si, por favor!
@@TornVeil7 añadí todas las marcas en el primer mensaje. Espero que sea útil :)
Que buen video midu esperando el siguiente de react native!
Genio como siempre, aportando a la comunidad!
Parte 2 por favor midu 🥺
Por favor el proximo de next.js!!
¡Hola!
Logré resolver el problema de versión de react-router-native dejando la versión 5.3.4. Con la versión 6 (seis) hay problema en el renderizado de componentes.
Saludo,
como asi?explicame porque a mi no me funciona esa vaina del react router native en su lugar me parece la de navigation
@@royerrrrutti9903 Déjame y te comparto el repositorio de lo que tengo hasta el momento:
Estuve viendo el video mas interesado por la parte de react native, muchas gracias, muy bueno y entendible. Mi pregunta es, como se genera el archivo apk? Me lo perdí?. Gracias
lastima que no hay repo de la app del curso, vendria muy bien para efectos practicos
Crack Midu! muchas gracias!
Y ahora 2024 apuesta por React Native o flutter?
Gracias Midu, que crack!
Una duda, para ver este curso , se recomienda conocer previamente REACT? de ser asi ningun problema , pero es que esto ando buscando ,ya conozco react y pues queria saber que onda con native .
ACTUALIZACION Minuto 1:40 , El mismo (me habia saltado esta intro xd)menciona que SI hay que saber React.JS , entonces NO es desde 0 , el curso es GOD pero el titulo es engañoso , pero bue, es el mejor tutorial de native que he visto , asi que no problem , pero n o se confundan y aprendan react tmbn y luego se pasan a ver esta joya
Excelente!!, se agradece mucho.
medudev el Grande como siempre, un saludo.
Justo cuando tenía ganas de aprender react native jeje
Hola! Quisiera saber si es conveniente usar Expo con Firebase. Vi que por ejemplo el login con social media no lo soporta. Recomiendas usar código nativo con expo? O solo native query? Podrías hacer un video explicando el uso de firebase con react native
Excelente sensei, muchas gracias por este contenido
Eres un crak! gracias por tus videos!
Nunca me funciona el eslint, instalo las dependencias, lo configuro incluso cierro el vs code y cuando lo abro no reconoce los errores
Increíble curso.
En mi caso, para crear la app no me funcionó exactamente el expo init rate-repository-app
Utilicé: npx create-expo-app --template
Después de seleccionar blank, te pide que ingreses el nombre de la app!
Sos un angel Midu
Qué buen vídeo! Gracias!
buenas! ademas del enrutamiento, hay algo mas que haya cambiado considerablemente como para tener en cuenta al ver el video hoy? septiembre-2023,
saludos!
Estoy siguiendo el video, que por cierto esta muy bueno. Hago una observacion aqui, el codigo de repo rate-repository-api actualmente es totalmente distinto al del video
cuando utilizo un componente parecido a tu styledtext y recarga en expo go, la app en expo se cierra, por que pasa eso ??
No consigo hacer funcionar el router por más que hice push a la regla sigo teniendo el problema de webpack :(
hola, tenia el mismo problema, en mi caso note que la carpeta de node_modules se me genero en la ruta www, asi que agrege esta ruta a las variables de entorno en windons
Buenas tardes @midudev sos un grande aca desde Arg
3:11:08
la ruta de localhost a mi no me ha funcionado en el emulador de Android en Windows, he tenido que usar "10.0.2.2", por si le sirve a alguien
para poder verlo en web tambien he aprovechado Platform y asi android y web tienen su ruta concreta:
import { Platform } from "react-native";
const localhostUri = Platform.select({
android: "10.0.2.2",
default: "localhost",
});
export default localhostUri
Midu, podrias subir el repositorio completo ?
Donde puedo conseguir el resto de este maravilloso tutorial?
Genial gracias midudev eres muy práctico; para la gente que va en el curso, a alguien le dio error en react-router-native al importar Switch
a mi me pasa igual, me da ese mismo error, si alguien sabe la solución, muchas gracias
Lo pudieron resolver? Si al Switch lo cambian por Routes y al Route le pasan una prop llamada element con el componente a renderizar en esa ruta anda. } />
@@facundopellicer7514 voy a intentar aunq me tocó cambiar el redirect por navigate y el switch por otra librería sin embargo me muestra otro error, voy a intentar con ese q dices a ver
@@estebanchevalier3168 Gracias!
impecableeee!!!!!! muy bien midu !!!
No me funcionaba el renderizado de la lista, tuve que modificar la lógica del RepositoryList sacandole el return.
Así me funcionó:
const RepositoryList = () => (
{repositories.map(repo => (
{repo.id}
))}
)
export default RepositoryList
muchas gracias por este tutorial!
Lo acabo de iniciar, a la fecha de hoy la configuracion de eslint es muy diferente a la que presenta el curso, hay alguno cambios que me funcionaron.
Muchas gracias por el curso @midudev, acabo de terminarlo, ¿hay segunda parte o continuación? Me gustaría mucho verla.
Gracias por subir el repositorio Amigo!
Me encanta react native!
Muy bien curso.... Me recomendaron este video.... Pero ya empezando hay cosas extrañas... O es que yo trabajo en Windows no me sale esa página... Todo sale en CMD y cuando quiero ejecutar en Chrome o Firefox me sale en blanco
VAAMOO!
Excelente el curso..felicitaciones, una pregunta se puede acceder al repositorio? y si es asi en donde lo puedo conseguir?..gracias!!! 🙏🙂
buenas como andas? me podrias sacar una duda sobre los costos de Expo, entiendo que podes hacer hasta 300 paquetes del mismo proyecto y 20000 descargas antes de pasar al paquete Enterprise?? gracias
No mms y yo que pensaba hoy si duermo... ni modos a preparar cafe... hay que ver esto
Hola !!! midu muchas gracias por tus videos.
Lastimosamente me quede en el 3:05:18 estoy tratando de instalar la API pero al ejecutar npm install me genera error. Tengo un M1 y la version de node que uso es la v16.19.0. 🥺. Me podrias ayudar he visto todos tus videos y no puedo creer que me quede estancando ya casi terminando.
Hola!!! Ya lo logre solucionar.
Tenia un problema con la version de Node y squile3 asi que utilice los siguientes comandos y todo perfectooo
npm install -g npm@6
npm install sqlite3 --save