Dojo - La Manicurista TIC

¿Qué es flutter?

Flutter permite crear hermosas aplicaciones nativas en iOS y Android desde una sola base de código.

  • SDK para aplicaciones móviles desarrollado por google
  • Aplicaciones de alto rendimiento
  • Crear hermosos UI's
  • Open source

Qué hace
a flutter
tan chimba?

Dart

Lenguaje de programación en el cliente, creado por google.

https://www.dartlang.org/

C, C++, SKIA (motor de renderización 2D)

widgets

Elementos que afectan y controlan la vista y la interfaz de una aplicación. Inspirados en los componentes de react. Definen cómo debe verse una pantalla, un elemento, etc.

iOS y android

Compila a código nativo para las dos plataformas

reactive view

Virtual DOM

Hot reload

Los cambios de la UI se ven reflejados rápidamente en el dispositivo o emulador.

third-party packages

Tiene una 'buena' librería de paquetes desarrollados por la comunidad.

state management

Al igual que react, los widgets y los layouts manejan un estado global y local.

Pros

  • Dado que puede dibujar sus propios componentes UI, puede funcionar en cualquier versión de SO de iOS o Android. La misma UI para versiones viejas de los SO.

  • Hot Reload

  • Material Design y Cupertino

  • Escribir un sólo código para las dos aplicaciones (iOS - Android)

  • Test Unit

  • Menos testing (ya que es un sólo código)

  • Todo es un widget

  • Integración con editores de texto (Android studio / VsCode)

  • Soporte Google

  • Perfecto para MVP (?)

contras

  • Imita los componentes nativos (los pinta desde cero)

  • Librerías limitadas (third-party packages)

  • Comunidad

  • Si Se usa Material para Android y Cupertino para iOS, hay que contruir prácticamente 2 códigos.

  • Hot Reload (https://flutter.dev/docs/development/tools/hot-reload#limitations)

  • El tamaño de las aplicaciones es mayor a las nativas

  • Aprender Dart

  • Carece de patrones de arquitectura (estandarizado)

React native a flutter

https://flutter.dev/docs/get-started/flutter-for/react-native-devs

Architecture Patterns

  • Vanilla
  • Scopped Model
  • BLoC

Flutter

By Stiven Castillo

Flutter

Introducción a flutter

  • 78