yew | Rust / Wasm framework for building client web apps

I have tried to follow the steps described in https://dev.to/arctic_hen7/how-to-set-up-tailwind-css-with-yew-and-trunk-il9 to make use of Tailwind CSS in Yew, but it doesn't work.

My test project folder:

Cargo.toml:

I had just created a new environment in conda with Spyder 5.2.2 and Python 3.10.2 . Now, I'm experiencing an error telling me that the program expects a string or byte-like object while starting the Spyder. Interestingly, this does not happen when my Python is 3.9.* . Any reason this can happen?

Here is the error encountered:

I have a countryList array with the following structure:

In yew 0.2 Request::get worked fine but now yew::services doesn't exist, how can I make a request to /api/ping? do I need javascript?

I am trying to render an SVG world map where I can select countries. I want to add a shadow effect for a particular country for the onmouseenter event. Everything works fine except that for some countries shadows do not follow the country border completely. Here is how it should work, the whole country is surrounded by a shadow:

Here is what happens for some countries, you can see that shadow is absent for the southern border:

What do you think is the reason for this? I tried several SVGs and always the same problem.

I am using Rust Yew framework to build this, however, I think the problem is more related to SVG or CSS stuff which I don't really know well. Here is my CSS:

I am trying to integrate an API in a yew project and facing the following issue:

I'm working with data to create a search tool where the user can search for the name of an individual involved in a legal case; the tool will output a table with the individual's name and role (with some other details about the case) in the following format:

I'm making AJAX calls to the API endpoint to fetch this data, and an example of a returned object is as follows:

I am using JScript to fetch data from a JSON API url. (I have added the data in the JSON file below - These are 8 horse races and each races displays Horse number, Horse name and their odds). I am trying to write a Jscript to display each races on individual table inside a container/DIV. I should be able to place each race on different section of the website. Eg. Race1 on home page on the top, Race2 on Home page in the bottom and Race 3 on another place on the website. With my current code, when I add 2 races or more, only one displays. Please note that I am only beginner in Javascript.

Data from JSON

Im new to rust and trying to have a play with web assembly.

I have created a simple app using yew which builds using trunk, this works as expected. I have then created a simple html server using actix, this also is confirmed working as expected.

The problem I have is that if the actix package is included in the cargo dependencies the wasm build fails (this seems reasonable - certainly in a browser build context).

I would prefer not to split this into mutiple crates - at least whilst im prototyping, so im hoping there is a way to set up 2 build pipelines or make a dependency conditional - looking for advice on how best to do this.

Project setup is as follows: