Find the Content Useful? You can always buy me a coffee
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 following along with the React course I purchased. I am working on the cocktails api project.
The api seems to not work. If I paste the endpoint, from the api's website into browser, doesn't work. 500 error.
same when I run my fetch function in proj.
Same when I clone your final repo.
Just wanted to give you a heads up
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:
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)
when I set up the project, It was done as the course was indicated, but errors existed again and again. then in the App.js component
I made the following changes : function App() {
return (
<Route path="/" element={} />
<Route path="/About" element={} />
<Route path="/*" element={} />
);
}
export default App. I'm probably wrong or a course update is needed.
Project-9
Initialize Color State starting with string i remove it
then input field placeholder value also show and no more error to show it.
By default input value also to show it result.
Your State Code
const [color, setColor] = useState("")
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...
John,
it looks like many more projects were added to this repo (thanks for the amazing work!). However, the global README.md file still a little bit behind with the mapping of the sections and the projects: the repo contains 23 projects whereas the README.md lists only 15 of them.
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
react-projects/2-tours/final/src/Tours.js
Line 12 in 14e830c
When I cloned the first project I ran
npm install
and it gave me an error
There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.
The react-scripts package provided by Create React App requires a dependency:
"babel-loader": "8.0.5"
Don't try to install it manually: your package manager does it automatically.
However, a different version of babel-loader was detected higher up in the tree
I tried several steps to solve the issue:
1)Update react-scripts - didn't help
2)Install babel-loader separately - didn't help
3)Remove package-lock.json, remove react-scripts and install again - didn't help
The solution was just ignoring the issue and creating .env file
with global variable SKIP_PREFLIGHT_CHECK=true
If you need I could create PR for it
P.S. I tried the second project - it has the same issue
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?
=> show-container is missing
App.js imports Values from values.js, which can't be found
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.
The final project looks different from the video. The counter has negative numbers and in the video, the counter has positive.[
Hey!
The README.md file needs to be updated because as at the start of these projects, It is not up to 23, But as at the moment this issue was opened, It was 23 projects.
Thanks so much for your effort.
Can you please create repository of Github user application
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.
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?
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
