Abramov | Redux example that is created in the Dan Abramov video | State Container library

I'm trying to add a search feature in React but I'm not sure how to pass a scoped variable from a function as a prop to my component.

You'll see below I created [ newSearch, setNewSearch ] to handle the state of the search. I added a variable showSearchResults in handleSearch in order to determine whether to show the entire persons array, or show search results in a ternary operator.

I'm not sure how to pass showSearchResults in the return statement of Phonebook. If I map through showSearchResults, in the return, i get a "'showSearchResults' is not defined no-undef" error because it's scope is within the handleSearch function. Is there a simpler way to write this that will actually work?

App.js

My "Home hero slide" is the last hardcoded part of my site. I want to make it dynamic and use the magic of gatsby-image-plugin.

my site link

the "hardcoded" codes:

HeroSlider.js

I want to filter through a list of items and display the items according to my filtered term.

My list of items

I am using the article of Dan Abramov to sync my redux store with browser LocalStorage.

The problem is I am using typescript and when I try to create the store the following way:

I am facing a problem using mapStateToProps(state, ownProps) in order to plug query parameters from my URL to the props of my component.

I am trying to use my URL as a searchState as suggested by Dan Abramov answer in this question : How to sync Redux state and url query params

The problem is, I cam not able to access query params from ownProps.

My URL is, for example : http://localhost:3000/courses?language=en&page=3 and I would like to access the page number as a prop.

I think ownProps does not work for query parameters (i.e [...]?language=en&page=3). I tried this kind of stuff but it does not seem to work :

Here I'm trying to build a GitHub card app. But I couldn't able to use testdata variable in the cardList file. Later I will use API. But now I can't use it in the CardList.js file. Can anyone help me, please?

Here is my MainPart.js file

The number of np.where()'s I would assume is the issue since removing 1 will allow the function to work. I'm not aware of another way to edit a name other than an if else. I figured this would be faster. Mapping comes to mind as well, but I'm not sure how to return the names that are not changed. Any help understanding the best practice for this desired outcome would be very much appreciated!

I have a counter variable that I need updated using an interval. The issue that I ran into was that setInterval doesn't have access to a component current state. Upon looking for ways around this I stumbled on a blog post from Dan Abramov that implements a custom hook to circumvent this issue.

However, upon using his code I immediately was faced with this error:

I know what's going on here but I m not able to understand the map function here how it's working please tell me briefly ...

what I understand here is that the map function taking each element of the testData array and calls a function "wow" obviously wow function will store the map value after this function "wow" return something so its returning what I am confused is about the syntax here ...