RxJava is not intuitive... and what helped me to somewhat understand it

May 23 · 13 mins read

“Functional reactive programming is not intuitive.”

— Dan Lew (in his “Introduction to Functional Reactive Programming”)


TLDR: Just read the last section of this post: “Some help that can make RxJava more understandable”


More than a year ago, I started being involved in Android mobile development.

Lucky me, the project I was involved in was using RxJava, which they say makes multithreading much easier.

You see, a mobile app needs to be very responsive to the users, or else the users will throw their phones against the wall, and their phones will break, together with the app. Multithreading solves that problem — we do the UI stuffs in the UI thread, and we do the I/O stuffs in the IO thread, so that the UI will still be responsive to the users even when the I/O stuffs takes too long to execute.

So… I was a beginner RxJava-ist… And this is how I used it during my first many weeks:

In the code below, notice the DataSource and Presenter classes — I pass an Observer into the getData() method of DataSource.

public class Data {
    public String id;
}

public interface DataService {
    @GET("/data")
    Observable<Data> getData();

    @GET("/data/{id}/details")
    Observable<Details> getDetails(@Path("id") String id);
}

public class DataSource {
    DataService dataService;
    ...

    public void getData(Observer<Data> observer) {
        dataService.getData()
                .subscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(observer);
    }
    
    public void getDetails(String dataId, Observer<Details> observer) {
        dataService.getDetails()
                .subscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(observer);
    }
}

public class DataPresenter {

    private DataSource dataSource;
    private DataView view;

    public void showData() {
        dataSource.getData(new Observer<Data>() {
            @Override
            public void onCompleted() {
            }

            @Override
            public void onError(Throwable e) {
                view.showError("an error occured");
            }

            @Override
            public void onNext(Data data) {
                view.show(data)
            }
        });
    }
}

So far so good. No problems… Easy!

Then came the time where I had to execute two network calls in a sequence — do this network call, then after that do this other network call.

In an imperative style programming, that would look something like this

try {
    Data data = dataSource.getData()
    Details details = dataSource.getDetails(data.id)
    view.show(details)
} catch () {
    view.showError("an error occured");
}

That would be easy to do using RxJava!…

    public void showData() {
        disposable = dataSource.getData(new Observer<Data>() {
            @Override
            public void onCompleted() {
            }

            @Override
            public void onError(Throwable e) {
                view.showError("an error occured");
            }

            @Override
            public void onNext(Data data) {                        
                dataSource.getDetails(data.more, new Observer<Details>() {
                    @Override
                    public void onCompleted() {
                    }

                    @Override
                    public void onError(Throwable e) {
                        view.showError("an error occured");
                    }

                    @Override
                    public void onNext(Details details) {
                        view.show(details)
                    }
                });
            }
        });
    }

Yehey!… But it looks so ugly.

And because I know (assume) that the creators of RxJava have a better sense of beauty than I do, they must have not designed it to be used in that ugly kind of way.

I have to turn to the most beloved tool that programmers of my kind use today:

Me: Google, please tell me how to “RxJava finish one observable before executing another one”.

Google: Huh!… Okay, here are the documents with the keywords “RxJava”, “observable”, “finish”, “before”, and “another” in them.

… After reading some of the articles… Oh no! I think I have been using RxJava in a wrong way!

This is what people get when they make the assumption that “if it is currently working, then it must be right”.

And I’m sure I will be making that assumption a lot later in my life. I hope not that much anymore.

Okay, enough of that… seems like the correct way of doing it is like this:

_All your methods must return observables all the way up — from the data source to the presenter, for example — then use the RxJava operators, such as flatMap(), to compose the observables.

In the code below, notice the methods in the DataSource class — they do not receive an Observer anymore, and they now return an Observable instead of void.

public class DataSource {
    public Observable<Data> getData() {
        return dataService.getData();
        // you can also do something like
        //      return dataService.getData()
        //          .flatMap(data => { 
        //              // save data to database
        //          });
    }
    
    public Observable<Details> getDetails(String dataId) {
        return dataService.getDetails();
    }
}

public class DataPresenter {
    public void showData() {
        disposable = dataSource.getData()
            .flatMap(new Func1<Data, Observable<Details>>() {
                @Override
                public Observable<Details> call(Data data) {
                    return dataSource.getDetails(data.more);
                }
            })
            .subscribeOn(Schedulers.io())
            .observeOn(AndroidSchedulers.mainThread())
            .subscribe(new Observer<Details>() {
                @Override
                public void onCompleted() {
                }

                @Override
                public void onError(Throwable e) {
                    view.showError("an error occured");
                }

                @Override
                public void onNext(Details details) {
                    view.show(details)
                }
            });
    }
}

So a typical method with this signature

public Data getData()

will be replaced with

public Observable<Data> getData()

A method with a void return type

public void doThis()

will be replaced with

public Observable<Void> doThis()

Or in the case of RxJava 2, it will be replaced with

public Completable doThis()

Tutorials

So how did I come to better understand how to use RxJava?

… through Dan Lew’s tutorials, which I found recommended in the comments section of an article a coleague shared:

And through Jake Wharton’s talk “Exploring RxJava 2 for Android - GOTO 2016”, which was also shared to me by a coleague.

Some help that can make RxJava more understandable

And please note that even masters such as Jake Wharton and Dan Lew say that RxJava is not intuitive on first enconter. These quotes below might help you go in the right direction when trying to grok RxJava…

In an interview, Jake Wharton said this:

It’s a different way of thinking, but once you get that way of thinking, you start seeing everything as streams and how to compose them and break them apart just to create these different pieces of your app.”

It’s very hard to break out of the so called “imperative way”, where you just want to write an if, or you just want to store something in a field or local variable for use inside of a callback or another method later… You have to basically unlearn that way and realize that there are ways built into this pattern, the reactive pattern, that accomplish the same goals, just in a completely different way. And once you switch that way of thinking, hopefully it becomes a lot easier.

In “Grokking RxJava, Part 2”, Dan Lew said something about this code below:

query("Hello, world!")
    .flatMap(urls -> Observable.from(urls))
    .subscribe(url -> System.out.println(url))

“…flatMap() is weird, right?

Why is it returning another Observable? The key concept here is that the new Observable returned is what the Subscriber sees. It doesn’t receive a List<String> — it gets a series of individual Strings as returned by Observable.from().

For the record, this part was the hardest for me to understand, but once I had the “aha” moment a lot of RxJava clicked.”

I hope these things will make RxJava a little more intuitive to you too!

And if I said something wrong above, please say so in the comments.

Buy Me A Coffee