Delay when dispatching event about bloc

[danielfpedro]

@danielfpedro check out #524 (comment)

Appreciate!

[felangel]

@danielfpedro check out #524 (comment)

[shelarsuhas]

The Observable is replaced by Stream in the latest RXDart version.

@override Stream<GithubSearchState> transformEvents( Stream<GithubSearchEvent> events, Stream<GithubSearchState> Function(GithubSearchEvent event) next, ) { return (events as Observable<GithubSearchEvent>) .debounceTime( Duration(milliseconds: 300), ) .switchMap(next); }

Doesnt work as it doesnt override transformEvents().

Any input about how it can be done now?

Never mind, understood it now.

If any one comes looking for it, here's how its done now:

@override
  Stream<Transition< GithubSearchEvent, GithubSearchState >> transformEvents(
      Stream< GithubSearchEvent > events, transitionFn) {
    return events
        .debounceTime(const Duration(milliseconds: 500))
        .switchMap((transitionFn));
  }

[felangel]

No problem :) Glad I could help!

[Greatcallie]

Hi @Greatcallie 👋

Have a look at an example here #1107 (comment)

Thanks. debounceTime wasn't recognised until i added rxdart

[felangel]

@m7mdra thanks for the video! Have you tried debouncing because it seems like the problem is your app is spamming the api on every text change.

// Add this to top with imports
import 'package:rxdart/rxdart.dart';


// Add this to your Bloc
@override
Stream<SearchEvent> transform(Stream<SearchEvent> events) {
  return (events as Observable<SearchEvent>)
      .debounce(Duration(milliseconds: 500));
}

Let me know if that helps.

[m7mdra]

@felangel yes its working now. thanks for your time.

[felangel]

Hi @antonygunawan94 👋
Check out

bloc/examples/github_search/common_github_search/lib/src/github_search_bloc/github_search_bloc.dart

Line 15 in 926029c

Stream<GithubSearchState> transformEvents(

for an example.

[narcodico]

Hi @Greatcallie 👋

Have a look at an example here #1107 (comment)

[fvisticot]

Is it still possible to use the debounce with flutter_bloc (7.0.1) ?
is there any solution without the import 'package:rxdart/rxdart.dart' ?

[felangel]

Thanks for opening an issue. Can you please be a bit more specific about what you expected as opposed to what you observed?

Transitions occur after a state change but before the bloc’s state is updated. The reason there is a delay is because your code is dependent on a network request so the transition won’t occur until after the github api responds with data for the success state.

Does that help?

[m7mdra]

@felangel
sorry if i made myself unclear since english is not native tongue.
perhaps this video might explain what im getting at: link

[antonygunawan94]

hello,
can you provide updated example on how to debounce event?
because I can't seem to find this override function in the latest flutter bloc

@override Stream<SearchEvent> transform(Stream<SearchEvent> events) { return (events as Observable<SearchEvent>) .debounce(Duration(milliseconds: 500)); }

thank you

[danielfpedro]

@m7mdra thanks for the video! Have you tried debouncing because it seems like the problem is your app is spamming the api on every text change.

// Add this to top with imports
import 'package:rxdart/rxdart.dart';


// Add this to your Bloc
@override
Stream<SearchEvent> transform(Stream<SearchEvent> events) {
  return (events as Observable<SearchEvent>)
      .debounce(Duration(milliseconds: 500));
}

Let me know if that helps.

What if I have several events on the bloc, all events will be debounced? How to debounce just the event that fetch data from server?

[Greatcallie]

@m7mdra thanks for the video! Have you tried debouncing because it seems like the problem is your app is spamming the api on every text change.

// Add this to top with imports
import 'package:rxdart/rxdart.dart';


// Add this to your Bloc
@override
Stream<SearchEvent> transform(Stream<SearchEvent> events) {
  return (events as Observable<SearchEvent>)
      .debounce(Duration(milliseconds: 500));
}

Let me know if that helps.

this doesn't work anymore. Please how do I do it now with the latest library?

[shelarsuhas]

The Observable is replaced by Stream in the latest RXDart version.

@override
  Stream<GithubSearchState> transformEvents(
    Stream<GithubSearchEvent> events,
    Stream<GithubSearchState> Function(GithubSearchEvent event) next,
  ) {
    return (events as Observable<GithubSearchEvent>)
        .debounceTime(
          Duration(milliseconds: 300),
        )
        .switchMap(next);
  }

Doesnt work as it doesnt override transformEvents().

Any input about how it can be done now?

[felangel]

Is it still possible to use the debounce with flutter_bloc (7.0.1) ?
is there any solution without the import 'package:rxdart/rxdart.dart' ?

Yup you can still use debounce in 7.0.1. The easiest way is to use rxdart 👍