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:
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
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),
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
Hola muy buenas noches el contenido que sube a UA-cam 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
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
2 роки тому+1
Midu no puedo creer que tengas un curso de 4 horas de RN. Increíble
(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!
@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!
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
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
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
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...
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 !!!
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.
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!
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
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
Excelente sensei, muchas gracias por este contenido
Рік тому+2
¡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,
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
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
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
6:18 tengo un problema al intertar hacer start no me abre el metro blunder en esa pagina, directamente se va al "hola mundo" ,como hago para que se me abra primero el metro blunder?
en el minuto 2:09:55, veo que cuando en el navegador, el modo de inspeccionar aparece un móvil, como hago para que el mío también se vea así o no funciona en Windows
Muy buena clase, tiene casi 2 años pero no perdió vigencia... estaría bueno completarla con alguna cosita más que incluso lo dices en el video, como guardar info como localstorage, tal vez compilar la app y probarla y si hay algún avance nuevo ahora en 2024...
@@OPlutarch gracias, yo también me pasé casi todo el día tratando de compilar porque no encontraba la solución óptima para mi... estoy usando expo porque me pareció mejor que usar nativo solo y funcionó para una app sin nada pero cuando le agregas un par de cosas da un error que es muy común y que si es una app nativa lo resuelven enseguida pero en expo no... expo cobra por compilar después de una cantidad de veces por eso estaba tratando de hacerlo de forma nativa entonces estuve dando 1000 vueltas hasta que descubrí una de las 2 personas que decían el comando de como hacerlo en expo y local sin tener que hacerlo de forma remota y sin pasar por $$ ... se los dejo por si a alguien le interesa... eas build --local eas build --local -p android --profile preview el primero genera un aab pero si lo quieren probar en cel debe ser un apk, el segundo es para el apk... hay que crear en el raiz un archivo eas.json { "cli": { "version": ">= 7.2.0" }, "build": { "development": { "developmentClient": true, "distribution": "internal" }, "preview": { "distribution": "internal", "android": { "buildType": "apk" } }, }, "submit": { "production": {} } }
@@eduardob.5407Muchas gracias Eduardo, no me había llegado la notificación, vi la el mensaje de casualidad porque volví al video. Ahora mismo estoy probando hacer el build localmente (requiere Linux o Mac), te funcionó sin problemas? Como con el servicio remoto de expo? Saludos!
@@OPlutarch a mi me funcionó perfectamente en forma local al menos con android, con ios no lo pude probar porque pide xcode 14 y puedo instalar hasta el 12.4 pero seguro que funciona...
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
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!
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
Hola buen video, por alguna razon (he seguido todos los pasos) al iniciar la app "expo init" la ventana que tiene el codigo QR aparece solo en el terminal, en modo texto, como hago para que se muestre en una pagina visualmente, pense que eso lo hacia expo-cli, que ya instale.
me pasaba igual pero vi que en la nueva version ya se desprecia ese modo, ahora en mi caso tengo que presionar w para que se abra en la web desde la terminal
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
Tengo un problema que me esta dando dolores de cabeza. Una vez hago lo que dice en el 1:36:04 me da error y me dice "Element type is invalid: expected a string or a class/function". Tengo todo importado y he hecho todos los npm install. ¿Alguien sabe que podría estarme fallando?
buenas! ademas del enrutamiento, hay algo mas que haya cambiado considerablemente como para tener en cuenta al ver el video hoy? septiembre-2023, saludos!
Hice un build en expo cli, pero en mi dispositivo no me permite loguearme, ahora corro el apk desde el emulador nox y anda lo mas normal.. alguien save por que?
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 amigos, estoy intentando seguir el tutorial y me encuentro con el problema que cuando hago el routing, al parecer el switch no me funciona, me sale el siguiente error: Render Error Element type is invalid: expected a string (for built-in components) or a class/function but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. No sé que hacer. Ayuda!!!
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
@@Andresferro6 dije señor mayor no viejo😭😭😭😂😂😂😂😂
@@Andresferro6 animo joder que se puede!!
@@wolfdog9409 aquí se entiende como lo mismo hahahaha
No puedo creer que este curso sea gratuito. Gracias a vos aprendi react native
Que emoción, esa sensación de aprender cosas nuevas en este mundo, recuerden seguir y nunca rendirse!
Gracias MIdu, un abrazo.
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?
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),
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
Habrán docs, artículos, videos, JavaScript en jeroglíficos, pero nada como esto! 🥵 SIEMPRE se aprende MUCHÍSIMO, excelente video!!!
Esperando con ansias este curso gracias Crack..! complementando con el de el gran Nicolas Schurmann
Me vuela la cabeza la cantidad de contenido que tienes subido a la playlist del bootcamp... mil gracias!
Hola muy buenas noches el contenido que sube a UA-cam 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.
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.
Solo diré Woow, locura de video. Se tocan varias cosas interesantes y eso que voy 2hs recién
Desde ya!!! Esto estará genial!!! Como el demás contenido de este canal.
Simplemente genial! Muchas gracias por compartir tus conocimientos. Pulgares arriba. Saludos y bendiciones para todos desde México.
Muchas gracias Midu a abril del 2023 y todo funciona perfecto. Si cambia algunas librerias pero solo es leer la documentacion y funciona.
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
Midu no puedo creer que tengas un curso de 4 horas de RN. Increíble
Pues ya ves jajajaja A compartirlo!!!
Disfruto mucho aprendiendo contigo Midu, gracias por todo!
(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 :)
@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!
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 es mi segundo día aprendiendo con vos; Puedo decir algo que me gusta de tus videos: Breve, Conciso y Preciso 💪
Excelente! 🤗
Por finn, lo que estaba esperando desde hace mucho :D
¡Hola sr.!
Gracias por publicar este contenido. Ahora mismo aprendiendo.
Saludo desde Colombia.
Gracias a ti
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
Lo esperaba hace mucho tiempo!! Eres el mejor gracias midu !
Gracias, Feiner! 🤗
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
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 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
Este videito no me lo esperaba pero messirve ojalá luego suba uno de next js 😌😌
Muchisimas gracias, venia estancado y desanimado. Me ayudaste a desestancarme.
Como siempre, muy grande tu vídeo, eres el mejor, sin duda! Un abrazo enorme Midu!!!
Muchísimas gracias!
aplaudan, aplaudan y no dejen de aplaudir!
Este señor es mi idolo gracias por existir midu
Me leíste la mente!. Vamos con ilusión a aprenderlo 😉
Gracias!!!!! Llevo tanto esperandolo xd bueno toca maratona mitad de semana :3
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 !!!
Excelente estimado, siempre pendiente de tus entregas, saludos...
Aqui esperando la proxima clase :)). Saludos midu
Del bootcamp, por ahora, no habrá nuevas clases! 😅
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.
Genio como siempre, aportando a la comunidad!
Que buen video midu esperando el siguiente de react native!
Increíble recurso para empezar a sacarle provecho a React Native!
Esto sera maravilloso!
Midu me está dando problemas al hacer npm start , el error me dice algo de error con webpack
Gracias Midu, saludos desde Colombia
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!!
Sera de lo mejor 🤓, muchas gracias
Thanks!
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!
minuto 16:24
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
graciasss lo estaba buscando
creo este comentario para ir documentando las diferentes cosas significativas que han cambiado del curso
Hola, en el min 29 escribe y aparecen unos repositories, de donde salen? ahí voy, ayuda por favor!
medudev el Grande como siempre, un saludo.
Gracias Midu, que crack!
Crack Midu! muchas gracias!
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
Excelente sensei, muchas gracias por este contenido
¡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:
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.
acá espero papá 🐱🏍
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
Justo cuando tenía ganas de aprender react native jeje
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
La magia de Midu ⭐⭐
Qué buen vídeo! Gracias!
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
Eres un crak! gracias por tus videos!
Excelente!!, se agradece mucho.
Increíble curso.
6:18 tengo un problema al intertar hacer start no me abre el metro blunder en esa pagina, directamente se va al "hola mundo" ,como hago para que se me abra primero el metro blunder?
Parte 2 por favor midu 🥺
impecableeee!!!!!! muy bien midu !!!
en el minuto 2:09:55, veo que cuando en el navegador, el modo de inspeccionar aparece un móvil, como hago para que el mío también se vea así o no funciona en Windows
No mms y yo que pensaba hoy si duermo... ni modos a preparar cafe... hay que ver esto
Muy buena clase, tiene casi 2 años pero no perdió vigencia... estaría bueno completarla con alguna cosita más que incluso lo dices en el video, como guardar info como localstorage, tal vez compilar la app y probarla y si hay algún avance nuevo ahora en 2024...
Si tienes dudas compilando me puedes preguntar, el otro día me pasé horas arreglando un problema para hacer los builds así que comprendo la situación.
@@OPlutarch gracias, yo también me pasé casi todo el día tratando de compilar porque no encontraba la solución óptima para mi... estoy usando expo porque me pareció mejor que usar nativo solo y funcionó para una app sin nada pero cuando le agregas un par de cosas da un error que es muy común y que si es una app nativa lo resuelven enseguida pero en expo no... expo cobra por compilar después de una cantidad de veces por eso estaba tratando de hacerlo de forma nativa entonces estuve dando 1000 vueltas hasta que descubrí una de las 2 personas que decían el comando de como hacerlo en expo y local sin tener que hacerlo de forma remota y sin pasar por $$ ... se los dejo por si a alguien le interesa...
eas build --local
eas build --local -p android --profile preview
el primero genera un aab pero si lo quieren probar en cel debe ser un apk, el segundo es para el apk... hay que crear en el raiz un archivo eas.json
{
"cli": {
"version": ">= 7.2.0"
},
"build": {
"development": {
"developmentClient": true,
"distribution": "internal"
},
"preview": {
"distribution": "internal",
"android": {
"buildType": "apk"
}
},
},
"submit": {
"production": {}
}
}
@@eduardob.5407Muchas gracias Eduardo, no me había llegado la notificación, vi la el mensaje de casualidad porque volví al video. Ahora mismo estoy probando hacer el build localmente (requiere Linux o Mac), te funcionó sin problemas? Como con el servicio remoto de expo? Saludos!
@@OPlutarch a mi me funcionó perfectamente en forma local al menos con android, con ios no lo pude probar porque pide xcode 14 y puedo instalar hasta el 12.4 pero seguro que funciona...
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
Por favor el proximo de next.js!!
Buenas tardes @midudev sos un grande aca desde Arg
una pregunta , porque cuando hace el npm start a el la interfaz de metro bundler se le abre en el navegador y a mi directamente en el terminal???
Una pregunta, por que cuando hago todo este paso (6:06 ) No se me abre la pagina web automaticamente, tengo que descargarme algo mas o que?
Sos un angel Midu
cuando utilizo un componente parecido a tu styledtext y recarga en expo go, la app en expo se cierra, por que pasa eso ??
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!
muchas gracias por este tutorial!
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
Hola buen video, por alguna razon (he seguido todos los pasos) al iniciar la app "expo init" la ventana que tiene el codigo QR aparece solo en el terminal, en modo texto, como hago para que se muestre en una pagina visualmente, pense que eso lo hacia expo-cli, que ya instale.
me pasa igual
me pasaba igual pero vi que en la nueva version ya se desprecia ese modo, ahora en mi caso tengo que presionar w para que se abra en la web desde la terminal
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
Me encanta react native!
Nunca me funciona el eslint, instalo las dependencias, lo configuro incluso cierro el vs code y cuando lo abro no reconoce los errores
Tengo un problema que me esta dando dolores de cabeza. Una vez hago lo que dice en el 1:36:04 me da error y me dice "Element type is invalid: expected a string or a class/function". Tengo todo importado y he hecho todos los npm install. ¿Alguien sabe que podría estarme fallando?
Lo resolvi utilizando Routes en vez de Switch.
EJEMPLO:
buenas! ademas del enrutamiento, hay algo mas que haya cambiado considerablemente como para tener en cuenta al ver el video hoy? septiembre-2023,
saludos!
Hice un build en expo cli, pero en mi dispositivo no me permite loguearme, ahora corro el apk desde el emulador nox y anda lo mas normal.. alguien save por que?
Conceptos basicos react native[17:15]
hola! muchas gracias por el material! lo unico, hubiese sido mas facil de aprovechar si tuviese time stamps en la timeline.
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 es muy necesario aprender java o otros lenguajes para aprender react native?
Hola amigos, estoy intentando seguir el tutorial y me encuentro con el problema que cuando hago el routing, al parecer el switch no me funciona, me sale el siguiente error:
Render Error
Element type is invalid: expected a string (for built-in components) or a class/function but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
No sé que hacer. Ayuda!!!
Hola amigo, justo me sale el mismo error, si puedes resolverlo, por favor dime. jaja mientras sigo investigando.
cambia el componente Switch por Routes y te deberia funcionar, el resto todo igual