I tried to write a modular Jquery code as this https://learn.jquery.com/code-organization/concepts/ said. Can anyone review my code and give me advises to improve it?

Is there a better way to do the fetch operations than I am doing?

Can I expose only the `init` methods as a public API?

1. class SearchVenues {
2.     constructor() {
3.       this.categoriesSelector = $('#catgories');
4.       this.distanceSelector = $('#venue-distance');
5.       this.state = {
6.         category_ids: [],
7.         distance: null
8.       };
9.       this.url = "/some/path";
10.       this.resultContainer = $("#results");
11.     }
12. 
    
13.     onCategoriesChange(event) {
14.       const {
15.         category_ids
16.       } = this.state.category_ids;
17. 
    
18.       const {
19.         value
20.       } = event.target;
21. 
    
22.       if (category_ids.includes(value)) {
23.         this.state.category_ids = category_ids.filter(function(id) {
24.           return id !== value;
25.         });
26.       } else {
27.         this.state.category_ids = category_ids.concat(val);
28.       }
29. 
    
30.       this.fetch();
31.     }
32. 
    
33.     onDistanceChange(event) {
34.       const {
35.         value
36.       } = event.target;
37. 
    
38.       this.state.distance = value;
39.       this.fetch();
40.     }
41. 
    
42.     fetch() {
43.       $.get(this.url,
44.         this.state,
45.         function(data) {
46.           this.resultContainer.html(data);
47.         });
48.     }
49. 
    
50.     init() {
51.       this.categoriesSelector.on('change', this.onCategoriesChange);
52.       this.distanceSelector.on('change', this.onDistanceChange);
53.     }
54.   }