Flutter Arquitectura Limpia [14] 鈥 Interfaz del Usuario

flutter clean 14

Flutter Arquitectura Limpia [14] 鈥 Interfaz del Usuario 隆Finalmente ha llegado el momento de poner en pr谩ctica todo nuestro trabajo anterior! Esta parte se tratar谩 de construir la interfaz de usuario y dividirla en m煤ltiples widgets legibles y mantenibles. Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este art铆culo est谩 el video en ingl茅s para que vayan ilustr谩ndose mejor y ya tengan una claridad de lo expuesto Curso TDD Arquitectura Limpia Esta publicaci贸n es solo…

Leer m谩s

Flutter Arquitectura Limpia [12] 鈥 Implementaci贸n de Bloc 2/2

flutter clean 12

Flutter Arquitectura Limpia [12] 鈥 Implementaci贸n de Bloc 2/2   Comenzamos a implementar NumberTriviaBloc en la parte anterior y aprendiste los conceptos b谩sicos para hacer TDD con Streams. En esta parte, terminemos la implementaci贸n de Bloc para que luego podamos pasar a la inyecci贸n de dependencia. Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este art铆culo est谩 el video en ingl茅s para que vayan ilustr谩ndose mejor y ya tengan una claridad de lo expuesto Curso…

Leer m谩s

Flutter Arquitectura Limpia [11] 鈥 Implementaci贸n de Bloc1/2

Flutter Clean 11

Flutter Arquitectura Limpia [11] 鈥 Implementaci贸n de Bloc 1/2   El titular de la l贸gica de presentaci贸n que vamos a utilizar en la aplicaci贸n Number Trivia es BLoC. Ya hemos configurado sus eventos y estados en la parte anterior. Ahora llega el momento de comenzar a armar todo haciendo un desarrollo basado en pruebas con Dart’s Streams. Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este art铆culo est谩 el video en ingl茅s para que vayan…

Leer m谩s

Flutter Arquitectura Limpia [10] 鈥 Bloc Scaffolding y Conversi贸n de Entrada

flutter clean 10

Flutter Arquitectura Limpia [10] 鈥 Bloc Scaffolding y Conversi贸n de Entrada La capa de presentaci贸n contiene la interfaz de usuario en forma de widgets y tambi茅n los titulares de l贸gica de presentaci贸n, que se pueden implementar como ChangeNotifier, Bloc, Reducer, ViewModel, MobX Store … 隆Lo que sea! Sin embargo, en el caso de nuestra aplicaci贸n Number Trivia, vamos a usar el paquete flutter_bloc para ayudarnos a implementar el patr贸n BLoC. Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido.…

Leer m谩s

Flutter Arquitectura Limpia [9] 鈥 Fuente de Datos Remota

flutter clean 9

Flutter Arquitectura Limpia [9] 鈥 Fuente de Datos Remota La 煤ltima parte restante de la capa de datos para la que actualmente solo tenemos un contrato es la Fuente de datos remota. Aqu铆 es donde se realizar谩 toda la comunicaci贸n con la API de Numbers, para lo cual vamos a utilizar el paquete http. Todo esto se har谩 haciendo un desarrollo basado en pruebas, por supuesto. Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este…

Leer m谩s

Flutter Arquitectura Limpia [8] 鈥 Fuente de Datos Local

flutterclean8

Flutter Arquitectura Limpia [8] 鈥 Fuente de Datos Local La siguiente dependencia del repositorio es la fuente de datos local utilizada para almacenar en cach茅 los datos obtenidos de la API remota. Vamos a implementarlo usando shared_preferences Debo aclarar que el contenido original es de Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este art铆culo est谩 el video en ingl茅s para que vayan ilustr谩ndose mejor y ya tengan una claridad de lo expuesto Curso TDD Arquitectura Limpia Esta publicaci贸n es solo una parte…

Leer m谩s

Flutter Arquitectura Limpia [7] 鈥 Informaci贸n de Red

flutterclean7

Flutter Arquitectura Limpia [7] 鈥 Informaci贸n de Red   Ahora que tenemos implementada la implementaci贸n del Repositorio, vamos a implementar sus dependencias, comenzando con la clase NetworkInfo utilizada para averiguar si el dispositivo est谩 actualmente conectado a una red. Esta parte es donde finalmente haremos un desarrollo basado en pruebas con paquetes de terceros, lo que significa que vamos a burlarnos de las clases de terceros. Debo aclarar que el contenido original es de聽Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este art铆culo…

Leer m谩s

Flutter Arquitectura Limpia [6] 鈥 Implementaci贸n del Repositorio

flutterclean6

Flutter Arquitectura Limpia [6] 鈥 Implementaci贸n del Repositorio   Despu茅s de la parte anterior, ahora tenemos todos los contratos de las dependencias del Repositorio en su lugar. Esas dependencias son el origen de datos local y remoto y tambi茅n la clase NetworkInfo, para averiguar si el usuario est谩 en l铆nea. Haciendo mocking de estas dependencias nos permitir谩 implementar la clase Repository utilizando un desarrollo basado en pruebas. Debo aclarar que el contenido original es de聽Resocoder,聽 lo que he hecho聽 es una traducci贸n al espa帽ol del contenido. Al final de este…

Leer m谩s