This is a small channel focused solely and exclusively on mobile development with React Native. If you are a software developer and you are interested in learning how to develop mobile applications, this is the place. Also if you are a development hobbyist but you have never written a line of code, here I will teach you.
Remember that it's never too late to focus your goals on the right path.
Si bro es lo que leí. Pero por el momento lo que me exige mi trabajo no necesito uno tan potente jaja 😅. Me da un buen alivio los 512 Gb y el M2, incluso con el M1 me hubiera bastado. Tuve que hacer el cambio rápido y por la necesidad que ocupaba en ese momento. Pero igual vamos a estar al tanto de lo nuevo que lanza Apple jaja siempre han salido muy buenos los equipos de Apple por lo que siento que si estaré unos 10 años con este equipo sin ningún problema. Saludos Bro, gracias por tu comentario.
Estoy pensando una para React Native, que tal es la M2 de 8ram y 256? Podrías hacer un vídeo de como funciona el android studio y el emulador de ios ? 🙏
Hola Bro te funciona perfecto para React Native y cualquier clase de desarrollo sea web o movil, inclusive hasta un M1, vas sobradisimo. Si puedes expandir tu memoria SSD sacrificando el chip, lo vale bro, de consejo para que no sufras por el almacenamiento porque va a llegar un momento el que vas a tener que decidir si tener Android Studio o Xcode... me ha pasado y tener que restablecer a fabrica para recuperar memoria no está cool. Voy a hacerle la prueba pero estos días me ha ido perfecto bro.
Kevin muchas gracias por tus comentarios, espero que el contenido del canal te ayude a mejorar tus habilidades y conocimientos. Te mando un gran saludo 👋
Hola bro, oye una pregunta, esta app puede gestionar grandes cantidades de imagenes sin que se comience a retrasar? Es decir que tal si tengo una carpeta donde hay 2000 imagenes, esta galeria cargaria todas de golpe?
Hola gracias por tus comentarios, mira bro de que puedes puedes, si lo vas a hacer así como quieres, utiliza FlatList, es mejor que scrollview para este caso en particular. Aún así, yo siempre recomiendo tener una carga limitada de imágenes para tener un buen performance. Yo te recomendaría cargar primero 100 imágenes, cuando llegues al final de esas 100, haces nuevamente la petición y traes otras 100. Eso es lo correcto.
@@manedeveloper no no, mi idea no es cargar todas de golpe, quería saber cómo funciona tu programa, lo que quiero es que tenga buen performance, yo había visto algo de cargar imágenes con lazyload y además así como comentas de cargar 100 y 100 que pasaría con las imágenes que quedan arriba? Quedan cargadas? No haría pesado el programa?
@@TanquetaOwO Ya entiendo, mira el componente de la galería que yo muestro meramente velo como una forma de manejar la información para mostrarla. No aumenta ni disminuye el performance, da lo mismo si mostramos las imagenes más grandes o pequeñas, en este caso particular es un grid por lo que es exactamente lo mismo. La forma en la que vas a ayudar a tu app a que no tenga un peor rendimiento es utilizar Flatlist, Flatlist ya no vuelve a redibujar el elemento de imagen, haz de cuenta que si tu pantalla en este caso de cuadricula muestra unas 12 imagenes, al momento de hacer scroll hacia abajo ocupa esos mismos 12 espacios solo para poner las nuevas imagenes sobre esos espacios previamente ocupados, lo mismo pasa cuando haces scroll hacia atrás. Yo en el vídeo utilizo un ScrollView porque se me hace más manipulable para poder agregarle StickyHeader y cosas como esas de una forma más flexible. La realidad es que no te debes preocupar de cuantas imagenes va a haber atrás, en términos de manejo de información si lo vemos en Texto plano, solo estamos manipulando JSON, no estamos ocupando estructuras de datos inmensos. Preocupate cuando de golpe traigas las 5000 imagenes o así, así si te diría cuida eso porque le estamos dejando la carga inicial a la app y eso de golpe puede empeorar el rendimiento. Pero si traes las imaegenes de poco en poco puedes tener las imagenes que tú quieras y no va a pasar nada. También debemos de ponernos en los zapatos de los usuarios, yo como usuario por ejemplo no veo 2000 imagenes por ejemplo en Instagram 😂 nos vamos a alguna publicación y de ahí nos perdemos en otro lado. Así que no te preocupes Bro! Saludos cualquier duda que tengas, no dudes en comentarme. Estoy para ayudarte.
@@TanquetaOwO Excelente bro, te deseo mucho éxito con tu proyecto y cualquier cosa que te sea útil en el canal para mejorar la UI de tu app, tienes un mundo de posibilidades, saludos.
Lo que andaba esperando, en estos días me lo llevaré sin descuento para tratar de apoyar un poco más, gracias! Eres de los que más aportan a la comunidad de RN en español
Hola Kevin muchas gracias por tu apoyo, el curso lo voy a actualizar constantemente para que siempre tengan el mejor contenido de calidad. No es necesario que lo compres sin descuento Kevin, en la descripción del video esta un link con el que ya tienes un descuentazo y lo mejor de todo es que si lo adquieres desde ahí yo también salgo ganando. Ustedes se merecen el mejor precio por estar aquí apoyándome así que con que entres del enlace del video con eso basta. Te mando un gran saludo Kevin. Y muchas gracias nuevamente por todo.
Hola amigo, acabo de encontrar tu canal y esta buenisimo, te cuento mi experiencia, vengo de iOS, estuve aprendiendo por varios meses, es muy muy emocionante y agradable codear con Swift y Swiftui, pero soy de latino america y para junior conseguir trabajo en iOS es muy dificil, pero bueno en fin, tengo un proyecto en comun con amigo que esta React Native y estoy aprendiendo React ahorita mismo porque igual me gusta el Frontend en la web y me gusta desarrollo movil, me gusta muchisimo el desarrollo de iOS, pero tambien en el mundo hay mas proyectos de web y luego pasan a movil, y la intencion mia es aprender react y despues react native. Como ha sido tu experiencia laboral desarrollando movil con RN? PD: igualmente me animo que la encuesta de este ano de StacOverFlow React la revento como uno de los mas deseados
Hola Bro actualmente estoy trabajando en una empresa de telecomunicaciones y soy el Desarrollador de Aplicaciones Móviles, la verdad es que hasta el momento la forma de trabajo ha sido muy buena con React Native y no he tenido mayores complicaciones, para la empresa es todo un alivio el poder tener a un solo desarrollador que lleve la app en Android como en iOS. Y por supuesto también cabe destacar que hay muchísima oportunidad laboral y sobre todo muy bien pagada. Así que algo que te puedo decir que probablemente ya habrás escuchado antes. Aprende React Native para Móvil o React JS en la web cualquiera que aprendas en automático ya aprendiste la otra. Es tal cual lo mismo solo cambian nombres de etiqueta y estilos, pero de ahí en fuera la arquitectura y la manera de codificar son exactamente la misma. Javascript o Typescript + React + Redux es lo que necesitas para llevar acabo cualquier proyecto. Saludos, espero que sigas disfrutando del contenido 😉
@@manedeveloper muchas gracias amigo, gracias por compartir tus conocimientos
Месяц назад
que bueno que tocaste el tema de la compatibilidad con Expo, la verdad no he encontrado videos al respecto, de hecho buscando en google fue que di con tu video. Es que la verdad es mas cómodo tirar código para expo y te da muchos beneficios, como el de compilar y ligar a una cuenta para hacer mas facil el proceso para nativo. Pero si tienes razón, muchas librerias de React Native no funcionan en Nativo en Expo, por ejemplo la de SweetAlert solo jala en web, pero en Native no funciona.
Hola Rayito, verás si te refieres al dato de muchísimos caracteres que muestro en el video. Es pasárselo mediante tu body, el componente ya te devuelve encrypted sería tomar ese datos y pasárselo a tu body. Mediante tu api ya seria otro tema porque necesitarías que tu endpoint recupere ese dato, lo desencripte y ya tu almacenar tu archivo. Pero decirte específicamente el proceso, variaría mucho porque depende mucho de tu back en que lo estés construyendo, saludos.
Cómo podría hacer para que un pequeño deslizamiento hacia la izquierda expondrá un botón "DELETE". Si el usuario continúa deslizando hacia la izquierda, la fila estirará el botón "DELETE" para llenar la fila. Cuando el deslizamiento alcanza el 80% del ancho de la fila, la acción de eliminación se activará automáticamente
Hola Nahum gracias por tus comentarios, bro dentro de poco estaré sacando un curso de Reanimated donde estaré enseñando todo lo que necesitan para hacer este tipo de cosas que me comentas, en verdad me gustaría decirte así por mensaje como hacer todo, pero necesitaría programartelo y de verdad que ahorita tengo muy apretado mi tiempo. Prefiero mil veces que aprendas como hacerlo para que no solo hagas esto que me preguntaste, sino todo lo que quieras hacer 😉. Pero si necesitas con mucha urgencia algo así en los últimos videos que he subido podrías encontrar como conceptos para ir llegando al resultado que esperas, por ejemplo hace poco subí un Bottom Sheet ahí muestro como manejar el gesture handler en ciertos límites y eso podría servirte para ver como le podrías hacer e ir practicando 😉, saludos bro.
Hola Jefferson, directamente desde React Native no es posible hacer esto y caso de que lo fuera. No es lo ideal, lo que se tiene que hacer es desde tu servidor directamente realizar toda esta tarea de crear y guardar el pdf, no se debe de hacer desde react native, desde ahí lo único que vas a hacer es la acción para decirle a tu servidor, "Oye crea el pdf" y desde tu servidor configurar ese reporte que va a llevar y como se va a mostrar. Desde tu Aplicación lo que debes hacer es mostrar el pdf con un visor y ya el mismo te permite descargarlo o hacer lo que necesites con dicho archivo pdf.
De esta forma le dejas toda esta carga de datos al servidor ya que el tiene los recursos para hacer este tipo de tareas. La finalidad es que tu aplicación no se sature con este tipo de cosas, saludos.
Hola gracias por tus comentarios, mira depende mucho que computadora tienes si una Windows o una Mac, si tienes una Windows te recomiendo utilizar Action Mirillis ya que los videos salen con buena calidad y no ocupa tantos recursos para grabar. En caso de que tu computadora no tenga muchos recursos como una buena tarjeta gráfica y al menos 8 de RAM te recomiendo Action, en caso de que si sea algo potente tu compu puedes utilizar OBS para grabar este ya te da más configuración con tu web cam y muchas otras cosas. Yo uso OBS en Mac y la verdad es que hasta ahora no he tenido problema, me ha funcionado muy bien.
Thanks for asking. It's a little complicated by the moment to do that for me, because I have no time 🤕. But I hope the code works for you at least, maybe in the future I consider create another channel and create content for English Community.
Hola Cristian gracias por tus comentarios. No del todo, el curso se enfoca más a la comprensión de las bases de React Native así como el manejo de la información. Pero el curso no involucra nada sobre el almacenamiento de dichos datos asi como la obtención de los mismos. Esos temas en su debido momento los estaré subiendo aquí en el canal. Aquí ya estaríamos hablando de la creación de una API para hacer cierta funcionalidad en específico, te recomendaría que vieras un curso de node js de momento. Saludos.
Ing, una consulta, por casualidad tu sabes o prodias ayudarme a aprender a ponerle publicidad a las Aplicaciones cuando esten en produccion, no he encontrado ninguna ayuda por mas que he buscado
Hola Fernando, utiliza estilos similares. Pero no son CSS, pero si son muy similares. Gracias por tus comentarios, cualquier duda aquí estoy para resolverlas.
Bro! Que grande en verdad significa mucho para mí que seas mi primer estudinte en Udemy y sobre todo que siempre haz dado mucho apoyo aquí al canal. Saludos bro! Cualquier cosa en la que tengas duda no dudes en escribirme, estoy al pendiente de tus comentarios. Por cierto olvidé contestar tu otro mensaje que me dejaste por ahí, lo tomaré en cuenta y claro que se vendrá para los siguiente proyectos, gracias por tus recomendaciones! Saludos hasta Colombia José, que grande.
José me vas a odiar 😶 no hice respaldo de ese repositorio, cuando hice el video olvidé subirlo a git, formateé mi computadora por la memoria y no había guardado el código. Te prometo que ya trataré de subir luego luego el repositorio para que no vuelva a suceder. Saludos José y mil disculpas 🫡
El mejor componente de todos Estimado Kevin! Poco a poco puedes ir dando la transición a Reanimated, es más intuitiva, escribes menos código y en cuanto a rendimiento va mucho mejor. Pero ambas hacen su función 😉
Podrías hacer uno consumiendo un api , en el cual el usuario consulte ventas por un rango de fechas y cuando venga la data esta se redibuje en el paginado
el tema de los input con el placeholder cuando situas el puntero sobre el text no da el focus en el input para eso use un index -1 pero hubo otros temas como cuando tenia un boton dejaba el foco sobre el input y tenia que darle doble click al boton
Que tal total muchas gracias por tus comentarios 🫡 en teoría el placeholder no debería de dar problemas con dar el focus a la caja del fondo por la propiedad que le dimos de pointerEvent, lo otro del focus de las cajas, siii realmente este video era más para hacer la animación de esa caja, no le di mucho énfasis a los focus, pero efectivamente lo que debería de validarse en la input de contraseña es validar en el evento de onSubmitEditing si es que el input de usuario ya tiene algún valor entonces refPassword.current.blur() <- para quitar el focus de la caja de contraseña y que el clic al botón funcione a la primera y en caso de que no tenga valor, refUsuario.current.focus() para regresar el focus al input de usuario. No le di mucha importancia como te menciono pero muchas gracias por comentarlo. Saludos Total
Hola, buen video. Una duda que laptop usas quiero enfocarme en desarrollo mobil para este año, pero no se si adquirir una mac de 13 o 15 pulgadas, no se que tan comodo sea una pantalla mas chica, y con respecto a la ram, seria suficiente 8 o directamente voy por los 16? que recomiendas?
Hola sagilar muchas gracias por tus comentarios la computadora que utilizo es una Macbook Pro de 13 pulgadas 8Gb de RAM. La verdad te recomiendo mejor adquirir una Mac Mini de 512 Gb te va a salir a la mitad de precio y vale mucho más la pena, eso si vas a tener que conectar por separado un monitor, teclado y mouse. Pero en cuanto a rendimiento te va a funcionar mejor. La memoria en estos equipos es lo más valioso, saludos.
Hola Lucas muchas gracias por tus comentarios, ya entiendo lo que tratas de hacer, mira recientemente subí ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-CuHZg3YL5JM.html ahí muestro la funcionalidad que tratas de hacer con unas "tarjetas", en el que se van pasando a la parte de atrás de cada tarjeta haciendo un ciclo. Saludos Lucas!
@@lucasherrera_1846 que grande Lucas, no te preocupes lucas te prometo que pronto habrá un excelente curso para que te capacites tanto como puedas 😉 saludos Lucas
Hola mclovin. No, no tengo discord pero con gusto puedo responder tus dudas por los comentarios o si gustas me puedes escribir en instagram ahí lo tienes en la descripción del canal. Saludos estimado!
Hola Yeferson! Que gusto saber de ti. Por supuesto que esta en mis planes pero por el momento, me encuentro en preparación del material y todo. Me tomará algo de tiempo porque me gusta siempre hacer cosas que se relacionen más con la vida laborar y no solo dar un curso porque sí. Pero muchas gracias por tu recomendación pronto les subiré un video explicando todo esto que te comento
y en este caso como seria con el hook de useContext? ya que en mi caso solo es hace un login de usuario o deberia implementar si o si redux u otra libreria parecida?
Hola Marco 👋 Gracias por hacerme saber tus dudas, mira Marco como ya sabrás useContext así como Redux, funcionan exactamente para lo mismo, es decir, para el manejo de estado/información en nuestra aplicación. Veamos esto como una variable de SESSION en la web. Que perdura solamente mientras nosotros tengamos nuestra aplicación corriendo o en seguro plano. Pero una vez que cerramos por completo la aplicación móvil o web, la información que estaba en redux o en useContext se destruye. Para tu ejemplo de inicio de sesión no haría falta almacenar ni el usuario ni la contraseña en useContext o en Redux, porque adivina qué? Una vez que se cierre la app esta información ya no va a existir y tú aplicación te volvería a mandar al Login. Lo que se haría en este caso es una vez que el usuario inicio sesión correctamente el backEnd te tendría que devolver un Token, dicho Token te va a servir a ti para saber que tu usuario tuvo éxito al loguearse. Este Token lo tendrías que guardar en la memoria del teléfono, y cuando abras tu aplicación, tendrías que mandar a consultar si ese token existe, si existe lo llevas a la ruta "Logged", sino existe lo mandas a la ruta "Unlogged" que es donde esta tu pantalla de inicio de sesión. En conclusión te recomendaría siempre utilizar Redux, tu información está globlamente centralizada y mejor organizada, los slices son secciones de algo global que dividen tu información por apartado, lo que hace que tu información esté mejor organizada y sea más fácil identificarla. useContext te va a empezar a dar problemas en cuanto a escalabilidad, en cuanto más crece tu aplicación es más tedioso poder saber que cosa corresponde a que y donde localizar la información.
@@manedeveloper Gracias por responder Mane, si justo estoy en esa incógnita de si usar context o algo para guardar el estado, ya que solo debo mostrar algunos datos en el menú principal, pero en si mi aplicación es de compra de cursos, en ese sentido alguna recomendación que me puedas proporcionar.