PWA vs Flutter vs React Native vs Ionic

FlexiSpot 70€ off 😍😍😍
Product Link - bit.ly/3yTaUPU
#FlexiSpotES
En este video analizamos distintas métricas para poder hacer una comparación entre Flutter, React Native, NativeScript, Ionic y PWAs, y determinar que stack tecnológico es mejor para nuestro proyecto.
Un par de detallitos para aclarar:
- Dije que Flutter es un IDE, es un framework que usa Dart
- Quizas me falto indagar mas en xamarin
¡¡Ayúdame a seguir creciendo, te invito a suscribirte!!
Puedes encontrarme también en:
➞ Facebook: / lucas-moy-cursos-de-pr...
➞ Instagram: / lucasmoy.dev
➞ Twitter: / lucasmoy
#flutter #reactnative #pwa

[@atl.academy]

👉Accede al curso profesional de programación CON CERTIFICACIÓN en www.atl.academy

[@sixto82]

Flutter no es un framework es un SDK, y Xamarin está en la línea de Flutter y React Native

[@4strodev]

@@sixto82 si nos ceñimos a la propia pagina de flutter se define a si mismo como un framework lo cual des de mi punto de vista tiene sentido

[@JosueLMM]

Te falto es unir Ionic con Capacitor, usar Cordova para compilar es vivir en lo viejo

[@atl.academy]

@@JosueLMM mmm creo que lo menciono

[@santtiagogp]

@@4strodev Flutter si es un framework xd, basta con mirar que es un framework para darse cuenta que cumple con toda la definición.

[@AndresPerezMelo]

Me encanta flutter lo uso desde hace 3 años

[@santiagozapata9056]

En el caso de React native web, es básicamente el react js de toda vida, puedes usar las apis de la web y html tal cual sin problemas, RN web básicamente lo que viene a ser es un renderer que renderiza los componentes de React Native como elementos del DOM, aunque obviamente por lo mismo muchas librerías simplemente no van a funcionar porque tratan código nativo de Android y IOS, pero no web, eso ya es cosa del creador de x librería en lugar del propio framework. En el caso de React Native y el performance este desde su versión 0.68 esta haciendo transición a su nueva arquitectura y nuevo renderer (JSI, TurboModules y Yoga) donde planean aumentar el rendimiento, esto al quitar la necesidad del puente y mantener referencia a los objetos del lado nativo, dado a esto tenemos librerias de altisimo rendimiento como Reanimated 2 donde podemos tener animaciones a 60fps en dispotivos de gama baja o RN Skia que nos permite tener graficos de altisimo rendimiento tambien, shaders, svgs y mas. Ahora esta en rollout así que comparar el rendimiento de RN ahora no se presta para una medida fiable.

[@neorevolutions222]

siempre es un lujo verte Lucas, capacidad y experiencia van de la mano y a ti te describen perfecto. Una cosa mas. ese mechón de cabello es hipnotizador

[@pankemo]

eres increíble gracias por el aporte aprendí mucho y me aclaraste las dudas, ahora ya se camino tomar. mil gracias

[@the_jeferson5117]

Muchas Gracias Lucas por compartir con nosotros empezaré un proyecto con flutter y también aprenderé ionic ambos me llaman mucho la atención y espero que las PWA sean el futuro sería grandioso.

[@andres-mora-vanegas]

Muchas gracias por el video, personalmente tuve que hacer un proyecto intermedio - avanzado usando cámara, localización, mapas, reconocimiento visual, autenticacion etc, la hice con ionic pero fue un dolor de cabeza al tratar de compilarlo para ios, mi recomendación es en lo posible hacerlo nativo en cada lenguaje y hacerlo primero para ios, pues apple da muchos dolores de cabeza

[@jesusola5976]

Yo tenía una app así y mejor decidí mirgrarla a pwa con angular jejej

[@VANTYCSolutions]

yo compre una caminadora pequeña con la que puedo caminar mientras trabajo en mi escritorio elevable. Son caminatas de dos o tres horas diarias muy saludables.

[@noeortiz5876]

Hola Lucas! gracias por compartir.

[@yefersonmendez1127]

Michas gracias por el video, soy analista de sistemas pero no trabajo en ello, y queria aprender algun framework nuevo para entrar al mercado. Creo que utilizaré Fluter

[@carlfercho]

Gran comparación, muchas gracias.

[@cristhianalexandercherodom9459]

Nice job man, seems like soft soft has gotten a lot more complex since the fruity loops days that I rember. Very helpful, thank you.

[@daniel4661]

Podes hacer un curso de Jest con React y TypeScript, si podes sería ideal que fueran pruebas difíciles y no solamente probar si el componente aparece o no

[@ZiosNeon]

React native hace poco cambio de arquitectura seria bueno compararlo ahora ya que su velocidad aumento mucho.

[@ssspartakkko]

Excelente explicación ...!

[@asiersanchez]

Hola! Buen video! Una pregunta? Puedes ponerme por aquí el enlace al vídeo que hablas al final para profundizar, es que no me sale en pantalla....

[@sotelio5775]

gracias.

[@michaelandresdiazcastillo9326]

yo añadiria tambien kotlin multiplatform con kotlin native, muy bueno, aunque recien se esta estabilizando

[@alejandrovelez2147]

Excelente !!

[@marcelosantillan3093]

Te hago una consulta, ¿ toda esta información la obtenes de alguna fuente específica (por ejemplo performance) o es en base a tu propia expeciencia u opinión? Ante todo la pregunta es porque estoy realizando una investigación donde necesito este tipo de comparaciones las cuales fueron muy bien presentadas en tu video. Muchas gracias!!

[@amilkarmassy]

Buen video!

[@ingjuanpablofrancolozada6303]

hay que tener cuidado con el techo jejejeje muy buen video profe.

[@miguelsarmiento9268]

chuta Kottlin wow ese rendimiento ha de ser increible solo quisiera ver si talves harmonyOS tambien si es asi lo aprenderia con gusto la verdad. y gracias por el video fue muy interesante abordaste tambien los video juegos.

[@FrankGP.com.]

que chevere mesa

[@mistagilkogarias]

Un vídeo refrito

[@alvaroaliaga7892]

Quasar vue pudiera entrar en la misma categoria que ionic y cordova?

[@atl.academy]

FlexiSpot 70€ off 😍😍😍 Product Link - bit.ly/3yTaUPU #FlexiSpotES

[@pankemo]

maestro podrías hacer una demo con angular y pwa

[@Cristhianjdv]

Muchas gracias, sabes en el 2012 usaba demasiado cordova.... todo el tiempo me pedian aprender android studio y que tal lenguaje seria el futuro.... 10 años mis APP en cordova siguen trabajando, son mas estables y siguen compilando para las ultimas versiones de android y iOS. hice una buena eleccion al quedarme con solo cordova, quizas no es un lenguaje nativo pero si que da batalla para todo lo que es software empresarial como mi ERP. Saludos!! excelente video!!!!

[@sergioivan7062]

Hellooo Cristian, super lo que mencionas sobre tus apps en Cordova, pero creo que la persona que te recomendo aprender "Android Studio" quizás no fue la persona indicada, Android studio es solo un IDE, no un lenguaje de programación por otro lado, muy buena tu experiencia en desarrollo mobile, sin embargo pienso que seria bueno con tu experiencia, indagar en el desarrollo nativo, podrias aprender muchisimo y con tu experiencia ganar muchisimo para tu desarrollo profesional. De todas maneras Felicidades por tu éxito, saludos.

[@Cristhianjdv]

@@sergioivan7062 Gracias por tu comentario, en realidad es dificil que tome una desicion porque al inicio android studio exigia JAVA ahora exigen KOTLIN mañana sera XYZ, mientras no exista una estabilidad en su lenguaje es mas riesgoso para un negocio, un ejemplo rapido: Debo actualizar el modulo de compras, el mismo archivo JS y formulario HTML de la aplicacion web (Aplicacion modular nativa JS + HTML5) lo copio a la carpeta de la aplicacion movil, luego lo compilo y esta listo para ser actualizado desde playstore o applestore. En el peor escenario si la APP fallara y se necesita revisar que ocurre, pues la misma carpeta WWW de cordova lo publico en un subdominio y redireccion a los usuarios que abren el portal desde un telefono al subdominio. Cuando el error es en otro lenguaje la solucion demora mucho mas porque se debe investigar (si no eres un experto en el lenguaje) y pasar horas buscando una salida (test y revisar en emuladores y por ultimo en 2 telefonos fisicos uno viejo y uno modero ), mientras que en cordova solo son minutos porque es una aplicacion web. Ahora si eres mas extremo puedes hacer que cordova modifique los archivos nucleo de JS e la APP, asi evitas que actualizen la APP desde playstore o applestore. Sobre manipular la camara, GPS, etc. son plugin que mayormente son nativos de cordova, si se actualizara la version de android y el plugin deja de ser compatible pues solo realizar una actualizacion al plugin y estara listo para trabajar.

[@erickperez9289]

Yo me inclinaría por Flutter, aunque no me dan espacio para practicarlo por la cantidad de trabajo... También estoy notando que muchas compañías por tema de costos ofrecen una PWA, esto lo digo porque desde hace tres años las estoy construyendo y ahora me piden que sean PWA.

[@EdenaSilvestre]

eso me ha tocado ofrecer a mi

[@dxfirebase]

Excelente video Gracias

[@zijo778]

No entiendo cómo no mencionaste a Expo

[@devnullsp2000]

Felicidades por el trabajo Por que separa pwa? Habla de frameworks y de sdk pero pwa es mas una forma de instalar y acceder a una app. Por ejemplo, flutter web es pwa. A parte flutter compila nativo para android, ios, web, windows, mac y linux y se espera mas..... Al igual que le paso a javascrpt con nodejs, dart se beneficiara de flutter para acabar asaltando el backend, tiempo al tiempo

[@mikehurtado4772]

PWA

[@santosmarte]

Es increible que escribire esto, pero por fin una mesa ajustable que no es gamer y es linda !!!

[@atl.academy]

jajaja

[@eduartml2266]

Probe Flutter y no se siente nativo, tal vez estoy acostumbrado al performance de kotlin para android

[@Eduardo-ug9ui]

Claro. Yo lo veo que sacrificas el rendimiento con tal de tener tu app multiplataforma.

[@Ing_jou]

Yo me inclino porque el que puede aplicar a varias plataformas, sin embargo no siempre todo es web a mi me gustaría desarrollar un programa que cifre como un software de escritorio, también que posea un dibujador de xaml como los forms de visual studio o Android studio, me parece ridículo que en esta era todavía programen a pata poniendo un label o entry en xml, hay que tener desde ya un diseñador donde puedas mover objetos y después aplicar el back, bueno hay quienes les gusta así, desafortunadamente la programación web es similar, por consiguiente probe android studio con kotlin y come demasiado, fuera de eso errores de importación de librerías, me di cuenta que se parece a javascript y es rapido y fácil de aprender, esto es lo mas interesante, lo negativo es que solo es para Android, desearía que compilara parta ios también, probe flutter y de verdad que me iba dando una embolia, puro código y nada de un diseñador, san lucas no hayo cuando terminar!, lo ultimo con lo que me quede fue xamarin, si, este tiene para construir tres aplicaciones de una vez, Android, Ios y windows, a medida que desarrollas tu aplicación el otro también se le van aplicando cambios, punto malo es la falta de un diseñador como el de android studio, un poco menos pesado, si fuese por mi tendría los tres sistemas operativos o mas bien en una maquina virtual. Por otra parte nadie menciona que existe B4x que trae B4J para desarrollo java de escritorio, luego B4A desarrollo para Android y B4I desarrollo para IOS los dos anteriores son gratuitos, pero les comento que es un ide que te hace el desarrollo fácil y rapido, también son super ligeros, pruébenlos están muy buenos, el punto negativo es que por ser un poquitín nuevo no hay mucha documentación pero tiene un foro de ayuda entre programadores y manuales, la razón del uso de xamarin es por la documentación tan amplia y que a juro me toca aprender xaml.

[@JuanPablo.35]

Buenas y de las PWA que opinas?

[@Ing_jou]

@@JuanPablo.35 Como las hibridas? no esta nada mal, me gusto mucho Angular y Ionic, muy buenos los recomiendo.

[@JoseLuis-sr4xw]

Prefiero el desarrollo nativo con java / kotlin para android.

[@samrojas4295]

Hola, tengo entendido que con angular también se puede hacer PWA?

[@wisthongdavidmartinezcastr5924]

Asi es

[@javierchiquitoavellan1666]

Con angular, react, js puro, etc, se puede. Es súper.

[@JuanPablo.35]

​@@javierchiquitoavellan1666Tu como notas el rendimiento de las PWA y si ya tienes una web completa cuanto podria llevarte hacer la app movil?

[@jorgetrejo3187]

Necesito el escritorio hay envíos a México?

[@atl.academy]

holaaa me dijeron que solo hacen a españa y portugal parece

[@daniel_9145]

Te faltó la curva de aprendizaje.

[@FelixApazaArroyo]

En flutter, aprender dart para no usarlo en ninguna otra parte. gran futuro xd. Tendria algo mas de sentido si al menos lo hubieran hecho en python, o typescript. en fin, cada loco cambiando de tecnologia y aprendiendo nuevos lenguajes para cada cosa hasta que venga el siguiente, quedando sin mantenimiento.

[@santtiagogp]

En Dart se pueden crear hasta rest apis, solo que no es tan usado en ese aspecto. Y no, no hubiera tenido sentido que se hubiera desarrollado Flutter en alguno de esos otros lenguajes, la maquina virtual de Dart tiene la caracteristica del hot reload, que es lo que caracteriza la productividad al momento de desarrollar en Flutter, cosa que otros lenguajes no tienen. Y nuevamente, no, Dart no va a quedar sin mantenimiento, Flutter cada vez obtiene más popularidad, por lo que evidentemente Dart tiene que evolucionar junto a Flutter. Así que sí, Dart tiene futuro junto a Flutter.

[@devnullsp2000]

Por que no? Al ser un lenguaje compilado para mi es mas ventajoso que javascript o phyton y su sencillez y facilidad, desde mi punto de vista, lo hacen una opcion muy valida. Es mas yo actualmente ya estoy probando backend y sobre todo bots de discord y llamadas api google. Y todo muy bien. No he podido medir el rendimiento pero quizas no llegue a rust o c++ o incluso go, pero se les acerca bastante. Ademas en esto de saber un lenguaje podemos aplicar el dicho "ratoncito que conoce un solo agujero se lo come el gato" .

[@FelixApazaArroyo]

En cualquier lenguaje puedes hacer todo, solo algunos tiene algunas utilidades que las permiten hacer algunas cosas en menos pasos. Dicho esto, hay quienes cada temporada se quieren aprender nuevos lenguajes, re aprendiendo las formas de trabajar sus patrones, en vez de profundizar en lo que podrías hacer con la tecnología, igual cada uno ve si lo que le gusta es aprenderse un lenguaje para no usarlo en ningún otro proyecto, a menos que en proyectos personales desees usar dart para backend para decir que puedes usarlo en otras cosas. Pero evidentemente para recomendar un lenguaje se menciona la utilidad y flexibilidad que podría tener un iniciante con el Programacion . Por cierto no se quien le engaño al otro compañero, que piensa que dart invento el hot reloading, o que es el único que lo tiene. Lo que hace el fanatismo.

[@FelixApazaArroyo]

Por cierto, puedo estar equivocado , pero flutter me huele a ser el nuevo angular1, impulsado por google, hasta que este mismo le dé su propia muerte. No le pondría tanta fe a ello, pero claro, uno no puede ver el futuro, pero la historia sirve de referencia para hacer sus apuestas de mayor probabilidad. Que alguien mencione qué tal lenguaje no lo vas usar en ninguna parte, no quiere decir que solo sepa un lenguaje xd. Es evidente que conforme pase el tiempo vas quedandote con los más relevantes y funcionales para lo que desees hacer, y por ello mismo, entre tantos lenguajes se aprende a desechar los innecesarios(que no quiere decir que no sirvan) solo que no son necesarios.

[@devnullsp2000]

, hummmm esto da para un largo debate. Si y no, no es que cualquier lenguaje sirva para todo, es un tema más de, como decían antiguamente, coste de propiedad. Esto incluye cualquier faceta del sofware. El que aparezcan nuevos lenguajes o frameworks obedece al intento de reducir este coste. Al margen de temas personales. Sino con el ASM ya tienes un lenguaje. Yo, personalmente, creo firmemente en que seguiremos asistiendo a la especialización destro de IT y esto siempre irá de la mano de nuevos lenguajes que disminuyan los costes. Sino, basta con mirar la enorme cantidaded de lenguajes y frameworks especializados que hay hoy.

[@leofabioFAC]

video repetido?

[@atl.academy]

Si sorry, le tenía que arreglar una parte. Mañana hay otro repetido y basta

[@christiansanchez2217]

flutter>react native :O

[@ChocoLecheMX]

Huy si como si el usuario final notara la diferencia

[@andersonjhoanmaciasordoez7282]

@@ChocoLecheMX jajajaja

[@John-qt6qk]

Android Studio sigue siendo el mejor 💪🏾

[@santtiagogp]

Android Studio no es un lenguaje ni framework para desarollar apps, es un IDE en el que puedes programar hasta en Dart, que es el lenguaje que usa Flutter.

[@John-qt6qk]

@@santtiagogp cómo sea, Kotlin es el futuro en el desarrollo Mobil, Android Studio provides the fastest tools for building apps on every type of Android device. Kotlin the future

[@sixto82]

Xamarin no entra en esa categoría, está a la línea de Flutter y React Native.

[@atl.academy]

FlexiSpot 70€ off 😍😍😍 Product Link - bit.ly/3yTaUPU #FlexiSpotES