✨ Flutter es menos verboso que React Native, esto hace que sea más sencillo comprender y mantener el código que se implementa.
Bienvenida e Introducción
¡Renovaremos este curso!
Desarrollando en Flutter
¿Qué es Flutter?
Dart y Flutter
Sintaxis de Dart
¡Renovaremos este curso!
Flutter para desarrolladores Android, iOS y Xamarin.forms
Flutter para desarrolladores React Native
¿Cómo luce una app construída en Flutter?
Primer reto
Creando mi entorno de desarrollo
¡Renovaremos este curso!
Requerimientos de Hardware y Software
Instalando Flutter en Android Studio y Visual Studio Code
Composición de un proyecto en Flutter
Interfaces en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Programación Declarativa en Flutter
Estructura de un programa en Flutter
Hola Mundo en Flutter
Widgets básicos
Widgets con estado y sin estado
Análisis de Interfaces de Usuario en Flutter
Definiendo los layouts de nuestra interfaz
Segundo reto
Widgets sin estado en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Flutter Widgets: Container, Text, Icon, Row
Flutter Widgets: Column
Recursos en Flutter: Tipografías y Google Fonts
Widget Image
Widget Apilando Textos
Widgets Decorados
Widget Imagen Decorada
Widget Listview
Widget Button, InkWell
Tercer reto
Widgets con estado en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Botones en Flutter
Clase StatefulWidget: Cómo se compone
Widget Floating Action Button
Widgets BottomNavigationBar
Generando Navegación en BottomNavigationBar
Personalizando nuestro BottomNavigation Bar a Cupertino iOS BottomBar
Cuarto reto
Fin del Curso
¡Renovaremos este curso!
Conclusiones
¡Terminamos!
Convierte tus certificados en títulos universitarios en USA
Antes: $249
Paga en 4 cuotas sin intereses
Termina en:
Anahí Salgado Díaz de la Vega
Lectura
Si desarrollas aplicaciones con React Native ya habrás notado que hacerlo con Flutter es muy similar pues utiliza el mismo estilo reactivo.
...
Regístrate o inicia sesión para leer el resto del contenido.
Aportes 88
Preguntas 3
✨ Flutter es menos verboso que React Native, esto hace que sea más sencillo comprender y mantener el código que se implementa.
La verdad que Flutter se ve mil veces más sencillo y útil que React Native. Soy de esos que siempre que programa algo necesita escribirlo 20 veces hasta conseguir hacerlo de la manera más sencilla posible jajaja 😂
Ese código de React Native se puede mejorar mas.
import React from "react";
import { Text, View } from "react-native";
export default () => (
<View
style={{
flex: 1,
backgroundColor: "#fff",
alignItems: "center",
justifyContent: "center"
}}
>
<Text>Hello world!</Text>
</View>
);
El entorno de desarrollo para ReactNative me pareció muy inestable, pesado y con muchos bugs 😦, hasta ahora con Flutter ha sido muy straight forward y sin complicaciones, ¡Genial!
Dart i’m ur son!!! ❤️
Al parecer no se va a sufrir tanto si vienes de React
Ciertamente es más reducido, sin embargo tiene un aire de complejidad por su estructura de anidar componentes en forma de “funciones”. Center(...)
Quizás por que estoy empezando, imagino que me acostumbraré dentro de poco. Nos vemos en un par de días que termine el curso.
flutter es un lenguaje que mas gente quiere aprender para poder desarrollar de forma rápida y eficiente
Muy emocionado por aprender Flutter! Vamos con todo!
Genial. Esto me hace sentir como cuando estaba aprendiendo CSS.
Este es mi primer curso y la primera vez que veo algo relacionado con la programación, espero aprender mucho, me intereso bastante el tema. 😃
Dart no solo acorta código, sino también puede ser para IOS y Android en un solo código 😎
No he manejado react pero me fue mas sencillo entender como funciona react que flutter, no se en donde aplica todos los estilos que tiene react en flutter
ES pero entenderlo con el paso del curso
En ReactNative sería.
import React from "react";
import { StyleSheet, Text, View } from "react-native";
export default () => (
<View style={styles.container}>
<Text>Hello world!</Text>
</View>
);
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#fff",
alignItems: "center",
justifyContent: "center"
}
});
Una gran ventaja si ya se tiene conocimiento de como funciona y se estructuran los componentes en React
No cambia demasiado la manera de declarar interfaces por componentes/widgets
Yo vengo de dos años sin programar, pero lo veo entendible.
Llevará bastante tiempo y dedicación, pero tengo una idea y para llevarla a cabo debo manejar bastante bien el lenguaje!
Más compacto, más minimalista 💪🏻
Me gusta , muy simple el codigo y corto.
Va muy interesante todo, pero esas ultimas 4 lineas me recuerdan a LISP
Flutter para quienes vienen del mundo c# y java se les va a hacer muy divertido! aprenderlo
la sintaxis se ve más simplificada porque en flutter no agrega los estilos que si agrega en React (al menos para este ejemplo en particular)
Vengo del mundo del Desarrollo Móvil con React Native y cada vez Flutter me está pareciendo súper sencillo y práctico a la hora de hacer pantallas para aplicaciones móviles. Vamos a ver que tal se comporta con la lógica de negocio.
en react-native no utilizan hooks?
Es necesario usar la propiedad textDirection del widget Text?
Mas reducida?
Aplicale stylos primero
Es mucho más sencillo y a mi parecer no tienes que declara tantas cosas como en React
Hola, la verdad soy nuevo y no tengo mucho para compartir, pero quería figurar.
Buena jornada!
Welcome to the “Callback Hell”!
En cuanto a sintaxis parece no ser tan complicado, espero poder con el curso 😄
y los que entendemos JavaScript, podemos tomar este curso de Flutter?
La simplicidad de Flutter lo hace demasiado potente para desarrollar algo rápido con buen rendimiento y con un futuro potencial.
Se mira bastante más amigable, solo es cuestión de ir viendo como va la sintaxis
Muy limpio todo
Es interesante ver como es más corto un Hello Word en Flutter más que solo en Rect Native, sino también en Android Nativo.
muy interesante
No eh utilizado React pero veo que es más corta la sintaxis de Dart
¿Mientras que React utiliza el XML (creo que es XML) para estilizar el texto Flutter lo hace por defecto?
nunca he usado react, pero esta en mi lista de cursos por tomar, ahora por necesidad estoy entrando a flutter y me esta gustando mucho!
Se ve facil de utilizar.
Genial, sin tanto codigo y mas facil de aprender
Super!
Que sencillo ❤️
Me encanta que sea mas sencillo hasta este punto 😃
Mucho mas compacto y simplicidad de codigo.
Es notorio a simple vista la sencillez, lo claro y lo menos lioso que es Dart respecto a React Native.
interesante…
Genial!
Podre pasar de Flutter a React Native 😃
¿Me ocurre sólo a mi o sale código mal formateado con texto seguido?
Genial!!
En el código de flutter no tiene estilos… ¿será que le pone unos por defecto?
Mucho más simplista, me gusta!
super interesante los ejemplos que nos das, muy simple y corto el código.
genial
es la primera vez que veré el entorno de desarrollo para apps de android y me veo flutter y se ve demasiado sencillo
Flutter se ve bastante mas facil de aprender! 😄
Que increíble la sintaxis se ve más simplificada y la definición de estilos es más reducida 😮
uff si mucho mas corta las instrucciones
Excelente
Me a interesado mucho, la verdad que Flutter es mucho mas simplificado y rápido de escribir, e incluso ver la estabilidad al momento de su compilación.
Excelente este lenguaje Dart un paradigma
reduce bastante la escritura y es bastante legible, like it
wow excelente!
Estaba aprendiendo React Native pero en mi concepto lo que he leido de Flutter, es que su funcionalidad es más eficiente y reducida su sintaxis.
Espero conocer el potencial que ofrece Flutter con este curso 😃
Genial!
En el código no veo los estilos en Flutter, supongo que se declaran en adelante.
Realmente sorprendente, el Dart- side de la programacion 😎 me agrada la idea de aprender mas aun sobre como hacer codigo mas limpio y simplificado.
Es realmente simple…!! se ve que promete.
buena clase
Aquí hay más sobre Flutter: https://bit.ly/3a4YG8m
muy bueno
La principal diferencia es que mientras que React Native transpila (traduce) el código a Widgets Nativos para cada plataforma, Flutter compila todo directamente a Nativo controlando cada pixel de la pantalla para evitar problemas de rendimiento causados por el bridge de JavaScript.
maravilloso
quizás, eso lo haga eficiente, pero a nivel lógico tomará mucho tiempo para encontrarle una fuente y corregir.
muy bueno, fácil de entender.
Mas facil Flutter
con react native hooks los componentes se simplificaron, estarian a la par en mi opinion
Emocionante, que empiece ya el código!!! 😃 sin dejar atras la teoria.
Se ve mas sencillo!! estoy emocionado por aprender.
Yo vengo del mundo PHP y lo entiendo muy bien.
Pero al parecer con Flutter se reduce las líneas de código pero me da la sensación que no se tiene una flexibilidad al customizar algún componente lo que si pasa con React Native con el uso de CSS? es así o estoy equivocado?.
Vamo a ver que tal
interesante, quiero aprender React Native.
Hay mucho que aprender!
No he programado aplicaciones móviles, tengo conocimientos de programación en Python, c++ y JAVA. Veo que Flutter es muy amigable.
Reducir todo a menos líneas de código hace que trabajar con Flutter sea mas sencillo. Aunque me gustaría ver como se reduce mas una vez exportada la aplicación.
¿No hay una forma de separar los estilos de la parte lógica en Flutter ?
Center()
Es el Equivalente a Flex ?
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?