¡Descubre Flutter, el SDK de Google!

25 abril, 2019

Vamos a descubrir qué es Flutter, el nuevo SDK de Google. Si eres desarrollador o simplemente disfrutas del arte de la programación, probablemente habrás oído hablar de él, pero ¿Para qué sirve, cómo puedes utilizarlo?

En este post te queremos enseñar en qué consiste este framework de Google y cómo sacarle el máximo partido.

Flutter:

https://flutter.dev/

De acuerdo con la documentación que proporciona Google al respecto, tenemos que:

  • ¿Qué es?
    • Flutter es el nuevo framework mobile de Google el cual sirve para crear interfaces nativas de alta calidad en iOS y Android en un tiempo récord.  Funciona con código existente, por tanto, es utilizado por desarrolladores y organizaciones de todo el mundo, además es gratuito y de código abierto.
  • Rápido desarrollo:
    • Hot Reload en milisegundos para dar vida a tu aplicación. Utilice un amplio conjunto de widgets totalmente personalizables para construir interfaces nativas en minutos.
  • UIs claras:
    • Las interfaces que se pueden crear son muy usables ya que dispone de widgets incorporados de Flutter Material Design y Cupertino (sabor iOS), las API de movimiento fluido, el desplazamiento natural y el conocimiento de la plataforma.
  • Rendimiento nativo:
    • Los widgets de Flutter incorporan todas las diferencias críticas de la plataforma, como desplazamiento, navegación, iconos y fuentes para proporcionar un rendimiento nativo completo tanto en iOS como en Android.
Flutter-sdk-google

Creación de aplicaciones a través de Flutter

 

¿Qué es un SDK y para qué sirve?

  • SDK es el acrónimo de “Software Development Kit” (Kit de desarrollo de software). El SDK reúne un grupo de herramientas que permiten la programación de aplicaciones móviles. El uso principal del SDK es poder ejecutar y reproducir el código programado a partir de las herramientas que dispone dicho software

No obstante, a parte del SDK, también nos ofrece otras herramientas que nos facilitan el uso y la creación de aplicaciones para dispositivos móviles, todas ellas son accesibles desde línea de comandos o bien desde las respectivas extensiones oficiales para Android Studio/IntelliJ IDEA y Visual Studio Code.

La estrella del paquete es, sin duda, el sistema Hot Reload, comentado anteriormente,  que nos permite poder ejecutar y reproducir casi cualquier cambio hecho en el código sin necesidad de parar el servicio, tan solo con guardar el archivo.

¿Pero con qué lenguaje se programa?

El lenguaje que se usa para el desarrollo en Flutter, es Dart, ideado por Google y de código abierto.

Según declaraciones de Kathy Walrath y Seth Ladd (ingenieros y desarrolladores de Google), se creó partiendo de la base en la cual el uso de Javascript para aplicaciones de mayor tamaño no era la mejor opción, ya que se vuelve muy engorroso trabajar cuando el calibre de dicha aplicación es de un tamaño considerable.

Podemos hacer una prueba rápida en https://dartpad.dartlang.org

 

flutter-sdk-google

Utiliza Dart como una alternativa a Javascript

 

Para poder programar sin necesidad de ningun IDE,  Integrated Development Environment, podemos utilizar DartPad.

DartPad, es el primer editor lanzado por Google (noviembre de 2011) para escribir aplicaciones. Es un editor ligero de código abierto que incluye todas las herramientas necesarias para desarrollar y ayudar a los desarrolladores a aprender sobre el lenguaje y las bibliotecas de Dart. El código fuente ingresado en DartPad se puede enviar a los servidores, los cuales se ejecutan en Google Cloud Platform, para que se analicen en busca de errores / advertencias, se compilen en JavaScript y se devuelvan al navegador.

Pasemos a un ejemplo básico de Dart:

https://dart.dev/guides/language/language-tour

// Define a function.
printInteger(int aNumber) {
print('The number is $aNumber.'); // Print to console.
}

// This is where the app starts executing.
main() {
var number = 42; // Declare and initialize a variable.
printInteger(number); // Call a function.
}

// Esto es un comentario.
Dart permite usar comentarios de una o varias líneas, en este ejemplo nos muestra el comentario de una sola línea.

int
Un tipo. Algunos de los otros tipos incorporados son String, List y bool.

42
Un número literal.

print()
Es un método que permite mostrar por pantalla el parámetro enviado.

‘…’ (o “…”)
Una cadena literal.

$ variableName (o $ {expresion})
Interpolación de cadenas: incluye una variable o una cadena equivalente de expresión dentro de una cadena literal.

main()
La función especial, requerida, de nivel superior donde comienza la ejecución de la aplicación.

var
Una forma de declarar una variable sin especificar su tipo.

 

Conclusiones

En conclusión Flutter es aún un framework en versiones muy tempranas por lo que es necesario esperar un poco más antes de que esté totalmente a la altura de las grandes tecnologías de desarrollo (React Native, Xamarin). No obstante, Flutter + Dart será el framework oficial de desarrollo para el nuevo sistema operativo que está desarrollando Google (Fuchsia), con lo que parece que tiene un futuro prometedor.

Por otro lado tenemos Dart, un lenguaje en expansión que ocupa posiciones en un ranking muy reñido de lenguajes muy competentes y que para muchos se convierte en el lenguaje predilecto de programación revolucionando el desarrollo web. Marcando un antes y un después en el mundo del diseño y maquetación de aplicaciones.

Quizás te interesaría leer acerca de nuestro post sobre la comparativa entre 4 diferentes tecnologías para crear aplicaciones híbridas, así también puedes ver el amplio abanico de posibilidades y trabajar con lo que te sientas más cómodo.

Una vez visto ésto tú eliges si embarcarte en la aventura o por el contrario buscar otras alternativas.