Recreate issue by loading the first set of 10 photos, then scrolling down in order to fetch more photos. The first set of 10 photos are displayed twice, then the additional photos are added to the list.

Initial load:

After scroll:

https://react-projects.netlify.app In the above website, the websites are collectively shared. I wanted to know if the shared websites' images were taken manually or there is something going on in the backend that automatically takes the images and posts them here. Like in the image below, netlify is actually taking pictures automatically from the published websites:

While removing tours, I called {fetchTours()} on refresh button instead of {fetchTours}

Then I see Loading.. and the list of tours displayed. It supposed to be Refresh button and text as "No Tours Left". If I click refresh then all tours has to be displayed.

Can you explain difference between calling fetchTours vs fetchTours() onclick event of Refresh button?

hi i am learning with your 15 projects . there i faced issue in render data using url's .

for example in 6-tab , after loading nd setJobs . i print in console , i got empty array twice nd 4 times data . i ignore that after doing full 6-tab project similar way you did when i check data is empty while printing in console .

kindly help me to clear my confusion and to go forward ..

I'm cloning this repository in February 2021 with react-scripts having been upgraded to version 4.0.2. When I ran npm install && npm start without updating react-scripts, meaning I'm using the version from the project's package.json, the dev server doesn't run. Updating react-scripts fixed the issue, but I had to run npm audit fix --force which npm doesn't recommend. I think there should be a more painless way to do this...

There is no valid pageNo as 0 . So changed to 1, And after searching in search bar and emptying the search and pressing enter, api was not getting called. Hence fixed that.

In the Accordion project, the buttons become squished when the header text wraps in small screen sizes (less than 700px). The text header in the question component takes up as much space as possible in the flexbox, which causes the button to have a smaller width when the text wraps. By adding a min-width: 2rem rule to the btn class, the button will always have the required width.

Small nitpick, great course! 🙂

Running your second project (actually following you on youtube) whenever I pass tours={tours} to the Tours component and In Tours component whenever I try to make a map of the current array it say tours.map is not a function

https://github.com/john-smilga/react-projects/blob/14e830c9eecd2ad68e612de70232b82510a3fa89/2-tours/final/src/Tours.js#L12

Hi @john-smilga!

Thank you for the React tutorial. I almost finished it and even started building some of the related projects.

I know the setups are meant to be used as starting point. But unless you add a license that grants us such permissions, we may not use, modify and/or share them.

This is also the case of react-basics-2020 and react-advanced-2020.

How can I tweak the slider so I can see 2-3 slides with 'nextSlide' class beside 'activeSlide'?

For example:

active slide | next slide 1 | next slide 2 and then slide 1 becomes active and new one comes in to view (next slide 3)

In the 9th project (Color Generator), should not be in the try branch code a 'setError(false);' as well? I can see that in the netlify demo app everything works well, the error state is resetted to false when we sumbit a valid input, but the code that you provided doesn't reflect that. Is there something that i am missing?

This is my own part of the changes I was able to add as I was learning from the projects I did something differently in some of the projects but we got the same results still