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