Programacion

Una introducción con ejemplos de programación Reactiva en android

1. Devfest 2017 #DevfestCochabamba17 #quierosticker
2. Programacion imperativa var a = 4 var b = 5 var c = a + b // el valor de ”c” es 9 var a = 10 // el valor de ”c” sigue siendo 9
3. Programación Reactiva para Desarrolladores Android Yury Camacho Google Developer Expert Android @camachoyury
4. Agenda • Programación Reactiva • Patron Observer • RxJava • Operaciones • RxAndroid • Ejemplos
5. Programación Reactiva #DevfestCochabama17 #quierosticker
6. Reactividad: Reaccionar a los eventos externos #DevfestCochabamba17
7. Que es la programación reactiva? “La programación reactiva es un paradigma de programación que está orientado a los flujos de datos(Streams) y propagación de los cambios de los datos en dicho flujo de forma asíncrona.” #DevfestCochabamba17
8. #DevfestCochabamba17
9. Características #DevfestCochabamba17
10. Patron Diseño Observer #DevfestCochabama17 #quierosticker
11. Patrón de diseño Observer “Es un patrón de diseño de software que define una dependencia del tipo uno a muchos entre objetos, de manera que cuando uno de los objetos cambia su estado, notifica este cambio a todos los dependientes. ” Wikipedia #DevfestCochabamba17
12. Observer Pattern #DevfestCochabamba17
13. RxJava RxAndroid #DevfestCochabama17 #quierosticker
14. RxJava • Libreria • Programación reactiva en Java/Android • Tareas asíncronas • Concurrencia • Opreraciones sobre flujos de datos • Codigo limpio #DevfestCochabamba17
15. • java.util.observable/observer • Based GoF book Evolución RxJava • RX.NET 2009 • RxJS, Rxcpp, • RxRuby, ReactiveCocoa • RxJava 2012 Netflix • RxJava 1.0 2014 • Backpressure resuelto, • subscriber • Producer • RxJava 2.0, 2016 • Reactive Streams, • Publisher • Flowable #DevfestCochabamba17
16. 3 Conceptos clave de Rx • Observable(Publisher) objetos que emiten los datos • Observer(Subscriber) objetos que se suscriben y que son notificados cuando el observable emite datos • Schedulers Maneja la concurrencia indicando en qué thread deben ejecutarse el publisher y los subscribers #DevfestCochabamba17
17. Observable #DevfestCochabama17 #quierosticker Yo no fui
18. Observable Observable<String> observable = Observable.create(new ObservableOnSubscribe<String>() { @Override public void subscribe(ObservableEmitter<String> e) throws Exception { e.onNext("Yo"); e.onNext("No"); e.onNext("Fui"); e.onComplete(); } }); #DevfestCochabamba17
19. Observer #DevfestCochabama17 #quierosticker
20. Observer Observer<T> observer = new Observer<T>() {; @Override public void onNext(T s) { System.out.println("onNext(): " +s.toString()); } @Override public void onError(Throwable e) { System.out.println("onError(): " +e.getMessage()); } @Override public void onComplete() { System.out.println("Se completo e flujo" ); } }; #DevfestCochabamba17
21. Subscriber #DevfestCochabama17 #quierosticker
22. Subscribe observable.subscribe(observer); onNext(): Yo onNext(): No onNext(): Fui Se completo el flujo #DevfestCochabamba17
23. Otra O, Operators Operaciones que se realizan sobre los flujos de datos #DevfestCochabamba17
24. Diagramas Marble
25. Filter #DevfestCochabamba17
26. Filter Observable<Integer> numObservable = Observable.just(1,2,3,4,5); numObservable.filter(integer -> integer > 2).subscribe(System.out::print); Resultado : 3,4, 5 #DevfestCochabamba17
27. Map
28. Filter Observable<Integer> numObservable = Observable.just(1,2,3,4,5); numObservable.map(integer -> integer *10).subscribe(System.out::println) Resultado : 3,4, 5 #DevfestCochabamba17
29. RxAndroid • Componentes rx especificos Android • Agrega Schedules especificos Android #DevfestCochabamba17
30. Aplicaciones #DevfestCochabama17 #quierosticker
31. app/build.gradle compile 'io.reactivex.rxjava2:rxjava:2.0.0' compile 'io.reactivex.rxjava2:rxandroid:2.0.1' //Para Kotlin compile 'io.reactivex.rxjava2:rxkotlin:2.1.0' #DevfestCochabamba17
32. Death to AsyncTasks public class MainController extends AsyncTask<String, Void,String> { // constructor, declaración de variables, etc..... @Override protected void onPreExecute() { view.showProgress();} @Override protected String doInBackground(String... strings) { try { return connectionController.getCurrentWeather(strings[0].toString()); } catch (Exception e) { return "ERROR"; } } @Override protected void onPostExecute(String result) { view.hideProgress(); if (result.equals("ERROR")) {view.showError(); } else { Forecast forecast = Parser.getForecast(result); view.updateData(forecast); } }
33. RxJava public class MainController { // constructor, decalracion de variables, etc..... public void updateWeather(){ view.showProgress(); // mostar el progreso repository.getWeather() // Request al servidor .subscribeOn(Schedulers.io()) // Ejecusion en un nuevo hilo .observeOn(AndroidSchedulers.mainThread()) // retorno al hilo principal .subscribe( forecast -> view.updateData(forecast), throwable -> view.showError(), () -> view.hideProgress()); } }
34. Ejemplos public Observable<SKU> saveItem(SKU skul){ return tokenRepositoty.updateToken(user) .concatMap(token-> saveRemoteStorage(sku,token)) .concatMap(storedSku -> saveLocalStorage(storedSku)); }
35. Ejemplos public Observable<List<Sku>> getSKUGroups(Long skuGroupId) { return api.getSKUGroups(skuGroupId) .map(skuGroupDetail -> skuGroupDetail.getSkus()); } } #DevfestCochabamba17
36. Ejemplos Observable<List<SKUViewModel>> getListSKU(Long skuGroupId) { return repository.getSKUGroups(skuGroupId). flatMapIterable(skuList -> skuList) .map(sku -> new SKUViewModel().copyFromSKU(sku)). toList().toObservable(); } #DevfestCochabamba17
37. #DevfestCochabamba17
38. #DevfestCochabamba17
40. #DevfestCochabamba17
41. #DevfestCochabamba17 Fuente: http://five.agency/android-architecture-part-3-applying-clean-architecture-android/
42. View public interface WorldView { void onLoading(); void loadWorlds(List<World> worlds); void hideLoading(); }
43. public class WorldFragment extends Fragment implements WorldView { private WorldPresenter presenter; //........ @Override public View onCreateView(.......) { presenter = new WorldPresenter(this); } @Override public void onStart() { presenter.loadWorlds(); } @Override public void onLoading() { progressBar.setVisibility(View.VISIBLE); } @Override public void loadWorlds(List<World> worlds) { adapter.updateWorlds(worlds); } @Override public void hideLoading() { progressBar.setVisibility(View.GONE); } }
44. Presenter public class WorldPresenter { private WorldView mView; GetWorldListUseCase usecase; public WorldPresenter(WorldView view) { mView = view; } public void loadWorlds() { mView.onLoading(); useCase = new GetWorldListUseCase(); useCase.execute(new WorldObserver(), null); } public class WorldObserver extends DisposableObserver<List<World>> { @Override public void onNext(List<World> value) { mView.hideLoading(); mView.loadWorlds(value); } @Override public void onError(Throwable e) { mView.hideLoading(); } @Override public void onComplete() { mView.hideLoading(); } } }
45. public abstract class UseCase<T, Params> { private CompositeDisposable disposables; public UseCase() { this.disposables = new CompositeDisposable(); } abstract Observable<T> buildUseCaseObservable(Params params); public void execute(DisposableObserver<T> observer, Params params) { final Observable<T> observable = this.buildUseCaseObservable(params) .subscribeOn(Schedulers.io()) // background thread .observeOn(AndroidSchedulers.mainThread());// observer on the AndroidSchedulers.mainThread() disposables.add(observable.subscribeWith(observer)); } }
46. public class GetWorldListInteractor extends UseCase<List<World>,Void> { WorldRepositoryImpl repository; public GetWorldListInteractor() { repository = new WorldRepositoryImpl(); } @Override Observable<List<World>> buildUseCaseObservable(Void aVoid) { return repository.getWorlds(); } }
47. public class GetWorldListInteractor extends UseCase<List<World>,Void> { WorldRepositoryImpl repository; public GetWorldListInteractor() { repository = new WorldRepositoryImpl(); } @Override Observable<List<World>> buildUseCaseObservable(Void aVoid) { return repository.getWorlds(); } }
48. public class WorldRepositoryImpl implements WorldRepository{ @Override public Observable<List<World>> getWorlds() { WorldApi api = RestClient.getInstance().create(WorldApi.class); return api.getWorlds().map(WorldListResponse::getWorldList ); } }
49. #DevfestCochabamba17 IOS
50. Referencias https://github.com/ReactiveX/RxJava http://reactivex.io/documentation/operators.html https://github.com/ReactiveX/RxAndroid http://rxmarbles.com/ https://github.com/android10/Android-CleanArchitecture http://five.agency/android-architecture-part-3-applying-cle
51. Preguntas?
52. Gracias!!!!
53. Gracias! @camachoyury