omdbapi | use Ruby wrapper for getting movie | REST library

I get movie API from OMDB API and I want to assign data in API to strings.

Microsoft.CSharp.RuntimeBinder.RuntimeBinderException: 'Unable to execute runtime binding on null reference' But I am getting this error. What could be the solution?

I'm using an API to fetch movie data using axios in my React app. While this works in localhost, I've recently uploaded this to github pages where it no longer works and it results in this error.

"Mixed content: load all resources via HTTPS to improve the security of your site"

My code is shown below:

I've created a static React website and hosted it on Github pages.

As you can see, whenever you click on a film or a TV series, a modal will appear with the film/tv poster(loaded from the OMDb API) and some metadata. The problem is that the content loads too slowly. It takes a second(sometimes more) before before the content appears.

I get that I can't expect it to load that much faster, but I would like to not show the modal at all before everything looks nice(i.e is perfectly loaded). Perhaps by having a "Loading.." appear while we wait. It doesn't have to be anything fancy, as it's only gonna be on the screen for 1-2 seconds at most.

Do you have any advice for a React beginner?

Relevant code:

I have been trying to make a simple API fetch but I can't understand what I'm doing wrong I have read many questions but I really feel like I'm missing something since everything seems correct (it obviously isn't)

I got this code working pretty much how I want it. However, it's fetching & display data after each keystroke. I only want it to fetch once, when I hit submit.

Also, if there's anything i'm doing that's not "best practice" please let me know so I don't make silly mistakes in the future.

I have followed a tutorial online to create a movie app using Vue JS and fetch. The functionality, when working, is that I can search a movie and a number of results are populated on the screen including the poster, title and year. After completing the tutorial with everything working, I've tried to change which API I'm using (from omdb to themoviedb). After trying to hook up the new API, the search returns blank.

I've used the network tool on chrome to establish that I am receiving a response from the API, but somewhere I'm going wrong as nothing is displaying. Note: I know the poster will not work (because themoviedb returns this as an incomplete path) but why wont the title and year display? I've added my code below - please help me understand what I am missing.

I'm working through a Javascript course and am working with the following code. I understand almost all of it but I'm struggling with following and understanding the logic flow through the code, particularly for the event objects and I want to make sure I'm super clear on this before continuing.

Almost the exact same question has been asked here by someone else with the same confusion but I can't make sense of any answers unfortunately.

Here's what I do understand so far:

A key gets pressed -> The debounce function returns (and runs) with parameters func and delay. The func parameter passed in is the onInput function in this case, (which as I understand it, gets an event object returned to it automatically (by Javascript) when the addEventListener fires).

However, onInput is run nested inside the debounce function with func.apply(null, args); so I'm confused as to how the event objects get created and passed through the flow of the code when keys are pressed?

My main question following from this, is how or where does return (...args) within the debounce get its spread parameters from?

Doesn't the debounce function get passed the event object in this case and not onInput? If so, how does onInput get access to the event object?

Here's the code:

I'm trying to fill an array with the info of another array that is obtained from an API call.

I'm using the for each function of the Array with the data but I'm getting this error:

E/flutter (21633): [ERROR:flutter/lib/ui/ui_dart_state.cc(177)] Unhandled Exception: type 'String' is not a subtype of type 'int' of 'index'

I understand it is because I'm using the imdbID as the index and that is a String however in my response from the API all the items on the Array come as String.

Example:

I'm using react native with typescript to render some movie posters from an API when the movie title is writen on the search bar. But when I try to render the search bar on my app I get this error:

Property 'value' is missing in type '{ searchValue: string; setSearchValue: Dispatch; }' but required in type 'Props'.

And under it:

Search.tsx(7, 5): 'value' is declared here.

Here is the App code: