Creating a filterable search with Hotwire

I’m trying to create something akin to this AirBNB screen:

Some key elements:

  • The list of places on the left always mirror the places shown in the map
  • The list is filterable on the left, through buttons
  • The list is filterable through the map, by moving it
  • The list is paginated, and shifting the page will update both the list of places and the map of places

I’m very comfortable in React, know Mapbox (a Google Maps competitor) well, and could easily make this with React + Mapbox - but want to try making it with Hotwire if possible.

However, I’m a little stumped.

Is this a good use case for Hotwire? Or should I just build it in React / vanilla JS?