CHECK OUT THE 2ND EDITION REACT.JS COURSE🔥(It's much more beginner friendly but still just as cool!) ruclips.net/video/iKpkVKubvKk/видео.html For the NASA project, if you have an issue with the API be sure to clear your cache in local memory! For the ML Transcription project if you're having an issue with an undefined model, try updating your code to include the following and then test in some different browsers and incognito windows! import {pipeline, env} from '@xenova/transformers`; env.allowLocalModels = false;
a critic of this video as a begginer on react: first of all, absolutely amazing , i got some deeper knowledge on components structure, data flow, children props, props itself, apis, hooks(mainly useeffect, the one that most confuzed me), better knowledge on react in general, knowledge that made me confortable working with state, components etc. I was just finished with a javascript course, so i wanted to get deeper on it by learning a llibrary, but, react is not javascript. Dont get me wrong, its the same language, but man, what a hard time i got through to understand that it is a different way of coding everything. When i got to react, all i knew about doing html, then styling with css, proceeding with js, using a lot of createElement() and just getting used to that, was "thrown away", not the knowledge i had, but the whole process and order i did things. So while react is just a library, it changed everything, so TLDR react is not the same learning process and order as javascript. So, after all that, about the video the video reaaaaaaly helped me through the process of understand how to structure a site with components, something i really was confuzed about, and it made me confortable on everything about react, but, i wouldnt say it is BEGGINER friendly, although i had some shallow knowledge before this video(useState, props, conditional rendering, useEffects, events and some more stuuff), and thought i understood all of these concepts, i still got stuck some things, like what are exactly children props, how to structure the components, how do i actually use components(in the beggining i thought you made the whole site on a single component lol), use effect hook and some other things, that thankfuly to this video, i understood completely, but if didnt had any knowledge before, it would be way way way more harder to understand. TLDR: The video is absolutely great, but i really recomend you to whatch some tutorials before watching this video, dont get it wrong, WATCH IT, im not saying to just ignore it, put it on your list of watch later and just come back later, as i think this video is a gem and a valuable learning source btw i love you james for this video, thanks a lot.
I couldn't agree more with the point you made about it being a little difficult to understand if you haven't touched react before since it's a whole new way of doing things from plain html, css, and js. I've had experience with react before this video but even for me following along I had to pause and understand what the heck was going on with the to do list haha. This is definitely a gem, it has so many things that you must know
@@Smoljames hlo bro i am getting an error in the transcription process which says whisper.worker.js:46 Error in pipeline initialization or usage: SyntaxError: Unexpected token '
I had already left a comment, but I came back to say that I'm finishing the gym app, and: a) Both this one and the previous ones have worked perfectly. I'm so glad I chose a tutorial recorded this year because most "code-along" videos that are not recent often have deprecated packages and outdated features, and it’s a pain-especially as someone with not a lot of coding background-to figure out extra stuff when learning a new language or library. Also, the way you explain things is awesome. I’ve done a few online courses, and you are probably the person whose teaching style I understood best (English is not my first language, so the more straight to the point the speaker is, the better). b) I’m chuckling while coding because the names and descriptions you chose for the project are freaking hilarious. 🤣
Ngl i struggled a bit to keep up on the todo, think i need to want a few more in depth react vids and come back to this. Its really good so far and honestly astounding how much information there was in just 40 mins
Yep this has been some standard feedback so I made a new version and really focused on slowing it down :D Might be worth trying! ruclips.net/video/iKpkVKubvKk/видео.html
Great video so far! I didn't realize a to-do list could feel so complex. Im about 30 minutes in and I've been pausing, rewinding, and commenting on my code to make sure I actually understand what you're talking about. A lot of this feels super advanced to me but cheers to pushing through. Thanks for the vid James!
@@Smoljames Update: I finished the first two projects and I'm now working on the third. Everything's great except I will say your head often covers a decent bit of code. 😅
I really love your video, I already finish the backend course, and now I am here for the frontend one. The project is really beginner friendly and in every next project is always have new concept that can implement and improve my technical knowledge
Did the todo list.. I did my own modification but the learning path is as you lead me. Very glad I found this video. Feels I am getting better in react JS.. Thanks a ton!!
Wow this is such a good video. I'm working on the Gym app right now and I am so impressed that you wrote all that data manually. Extremely high-effort content. You've earned yourself a like and subscribe.
Hey there James! I've been watching a few videos of yours about ReactJS and to be fair, i enjoyed them quite much and i would love to keep up with them. I already saw a few comments from begginers such as myself, and i share the same struggle about speed which you already had the feedback from what i've seen (proud you actually care about us and usually made another more friendlier and slow-paced), mine mostly was on that last project. I reached a point where i wasn't understanding what i was doing, in part for lack of knowledge but also i think the difficulty is quite harsh on the last one! Nevertheless i appreciate you sharing your time and knowledge with us, keep up with the good content, i'll try to keep up your videos! Cheers from Portugal!
@Smoljames Your 5 hour work looks great. I will start it in a few days. I hope to have a lot of fun and learn a lot. Thank you for making such a beautiful video
Recently started learning React, your approach is amazing. thank you for making my learning journey easier! not every youtube channel is beginner friendly the way the state
I have been doing a laravel project for our city. My team leader in my freelance job wants me to shift to react because it's his mastery. I like what you're doing so gonna save this to learn after my current project.
Hi james , i need you to be truthful to me , cause you are setting unfair expectations as a dev to me . Why is that you do very minor mistakes, you tend to know every damn thing about js and software building , and when you are coding you are writing code as if you are writing a message to your buddy, its just looks so easy for you and im sitting here for 3 hrs trying to understand and digest your code . Shit man tell me if you are just looking at code somewhere else and writing it down, you look so relaxed . The Last project is so overwhelming and you are sitting on your chair as if you are watching a movie and coding that headache of a software .. Pleaseeeeee answer meeeeeee.
Haha you've got nothing to worry about home slice! That was 100% me when I was learning and with practice it all becomes clearer - we all have to start somewhere and it's always hardest at the beginning. But if you keep practicing you'll get faster and faster and it'll be come clearer and clearer! To answer your question about the coding tutorials, normally I'll have the basic skeleton of the code done once so that I have a general idea of the style and structure and then i'll code out the full version live in the tutorial :) You also have to remember that I probably cut out some sections where I might have made a mistake or gone back and changed something too! You're doing well my friend just keep up the good work and you'll get there :)
Great video James, so appreciate that you've given us five hours of free content. I've just come from your Javascript course on Udemy. I feel like that really solidified the fundamental knowledge I already had. However, as a small critique, I'd say the last few chapters in that and in this, things get a little fast. Mainly, I've found my code not working as it should be, only to go back through the video and find that I missed an import declaration, presumably because I was looking at what I was typing for slightly too long and failed to see you type it. But as I said, just a small critique, and I can't fault the rest of your content. Thanks very much!
Thank you! so far I've just deployed the to-dos app, got it wrong twice then realised I had a folder within a folder ("Duh") anyway after rectifying was able to deploy ("Clenches fist") Ha-ha, keep up the great work.
Friendly suggestion because I love your vids and want to see more and also wanted to take my own time, as you have in this video, to offer up feedback: I know it's hard to target everyone at all levels, but just some feedback from a seasoned html/css/vanilla js guy, I would love to see this video without all the styling going on throughout. I'd suggest just creating a super minimal yet clean stylesheet for the functionality of this project specifically where you already have the styles pre-coded and don't show us how you style things and just get to the functionality. You could have a part two after functionality where you show styling specifically. More importantly, it also would help me see more clearly your functional code rather than in the mix of the tailwind styling (which I fully understand is class-based and I use tailwind for all my projects, but just for the sake of a tutorial and visibility is all I'm saying). I have been and will continue to not style along with the videos because I can do it after and it would fast track those who don't need that and those who do can stick around for pt. 2 for CSS. My main reason for viewing is the react functionality. Also, I do understand we can skip around and all, but even with my window at full screen, trying to move the time bar a few seconds to even a minute is impossible. It always jumps like 3-5 minutes at minimum and playing around with that usually ends me up getting lost entirely where I was, again, costing more not coding along. This is genuine feedback! I hope it is received well. As always, thank you so much for your time and help! Happy coding!
Cheers for the feedback home slice! Love the way you presented it so constructively too :) I'd highly recommend you check out my new ReactJS course as I've implemented a few of the suggestions you've made in there too! (Ie removing all styling from the video and a few others) Thanks again :)
@@Smoljames You got it all man, keep doing what you are doing. I know it's not without blood sweat and tears. You are helping so many people in this world.
Great video, super helpful and clear! I also watched your html/css zero to hero video which really made css click for me. Do you have a list of plugins you use for visual studio code? Yours seem to be more helpful than mine.
this tuto is not for complete beginners , its for beginner who has finished js concepts and react concepts but has not used it yet in projects , or else u have to pause the video at every point to learn abt the certain concept used and come back.
I honestly dont know if I consider this beginner, as a beginner. I think ima revisit it after watching some other videos cus the content is still good.
Yep this has been some standard feedback so I made a new version and really focused on slowing it down :D Might be worth trying! ruclips.net/video/iKpkVKubvKk/видео.html
the whole tutorial was stunning except the right bottom corner of the video. my suggestion would be in future please position your recording little bit smaller. thanks
I am having an issue with FreeScribe where when I try to transcribe my audio it is not returning the transcription but instead, from console, it is returning an html component and not the correct JSON form. Anything I can do to fix this?
for a code along tutorial, you used a lot of shortcuts which for a "Zero" people hard to grasp. also you edited some parts so you actually wrote/pasted a code but its like only a split second which then I missed and have to rewind from beginning of that part just to spot it. There should be a "preparation" section where you list what extension you are using and what workflow you will use.
amazing content! really appreciate it, I wanted to share my thoughts though: i feel like you go back and forth between logic and styling a lot and it gets a bit frustrating to try and keep track of whats actually going on, specially when you start using tailwind and as a beginner I wonder if this is the way things are actually made in general or is it because you are trying to showcase everything
Appreciate the feedback my friend! I'm still learning how to make good educational tutorials and you make some good points that I'm trying to accommodate for in future videos :D All future videos where we learn a framework will be prestyled to avoid this very issue haha!
Hey man, thanks for the projects and explanation and for your code sources. I'm a junior dev and I'm grateful to you for the work that you've done. However, regarding the first app (todo list). Imo it should be coded differently. The App component is too large. I would move input component inside list component, pass props from list to input, move logic that makes inputs work to list. Eventually I would make it so App only renders List and all the logic, including localStorage is inside components, not inside App component. It's hard to read the code and work with it otherwise. English is also my second language, so I apologise if I missed something or appeared rude in that message.
Hello James I think you should have used axios library for fetching the data from nasa api I mean it is super beginner friendly and also cut a lot of code and also you didn't used loading state which you defined other than this I have watched 1 and 2 project and I found them quite interesting
@@Dio-qf4hl it's a fair point but I actually think that the schools axios library is no longer maintained because of the fetch API being native to nice now
Great and amazing content! I really followed all the stuff there BUT when you started to type all the workers stuff I didn't understand absolutely nothing hahaha WHy that? what this? I just followed and thats all. But I don't get how or where to get info on how to impement that :) You are a machine!
The the ML project after clicking the Transcribe button an error "DOMException: Failed to construct 'AudioContext': The hardware sample rate provided (1600) is outside the range [3000, 768000]." is showing. How to resolve this??
I was facing the same problem. I cleared my cache from local memory. That cleared the 403 error. I was still getting undefined. Then I read somewhere that .env file should be at the main folder. I accidentally created it in src folder. After resolving it I still faced the same problem. Then I copied the code inside try{} and pasted it in between Const localKey = `NASA-${today}`; *the code* if(localStorage.getItem(localKey)){} And that solved my problems. :3
Just finished second tut. Great stuff. Out of curiosity, why is the console logging things twice? Is it the API? I'm looking through the code right now to see what could be double firing it, but maybe it is from the API? Is this doubling the requests from what we are allotted? Thank you in advance! **EDIT** - After deploying it only logs once. Disregard.
Good question - in local development React.JS has something known as Strict mode. An outcome of this is the double console effect, but when you deploy your code it'll go away :)
I'm working through the Gym App tutorial part but I'm not getting the Header component to Render inside of the Generator. I'm not sure where it is wrong I think I have it fully correct at that point of the video which is 2:13:25 Here is my code: import React from 'react' import SectionWrapper from './SectionWrapper' function Header(props) { const { index, title, description } = props return (
@@Thelhawk2 Because with components, especially wrappers, the children contents becomes a property of the component. If a component is to have children, you need to let it know it will receive them and consequently where to render them (using the {children} in the JSX)!
Hello. I have a doubt. In the Nasa Project yours one is a image i.e hdurl and mine one is a video that is url and when I try to run it, it's showing that "Third party app will be blocked in future Chrome versions as a part of Privacy Sandbox". What should I do??
i had similar problem but i dont know what i have done all of a sudden it give the image i think the problem is in the api url keep looking in the nasa website for a correct api url
Hey James - thanks again for your help with these tutorials. I had an enquiry - I completed the first project fine but now to start the Nasa one, I'm getting errors in the terminal or both the cd command and npm install. Please help or suggest what I should do.
@@Smoljames npm error errno -4058 npm error enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'C:\Users\Praisel\OneDrive\Desktop\React-Practice\package.json' npm error enoent This is related to npm not being able to find a file. npm error enoent npm error A complete log of this run can be found in: C:\Users\Praisel\AppData\Local pm-cache\_logs\2024-10-02T09_26_52_780Z-debug-0.log PS C:\Users\Praisel\OneDrive\Desktop\React-Practice>
Good video with important topics covered, but definitely not a zero to hero kind of video. The watcher should at least be a side actor before becoming a hero. Like he should have the basic understanding of the concepts. The video is more of explaining of what you are doing rather than the explanation of concepts. Good job! 🙂
hello bro, i am getting error at 4:32:13 instead of output i am getting error : Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'model') at new GenerationTracker (whisper.worker.js:83:100) at transcribe (whisper.worker.js:40:31) at async whisper.worker.js:21:9 even after running & following your own code .Even asked ai but probklem not solved
Hey ya, in regards to the NASA APOD project and your API key being a secret, you can't use it in the JavaScript React code. api_key=KjC1...F5Oj It's available to be seen. The API Key is supposed to be stored on a server and accessed via an authorised API call to the server you own and control.
Thank you so much for this Tutorial. My output is blank and I do not have any error, could you please assist? I even tried to copy your work from the repo provided I still get the same blank output with no error. It starts giving me blank output just after I remove all the manually added added todo list.
It is because I'm studying react on both Coursera and scrimbaScrimba and they both have two courses for react alone; react basis and react advance. Both courses are over 10 hours. lol
Show a demo of the look and functionality of the projects at the beginning of the video so people won't be questioning if they actually want to do the projects. Show, don't tell. Will help your retention and watch through. People don't like to guess if it'll be worth their time, especially something that's going to take hours upon hours to complete.
I don't have any issue but the api key is not sending title but insted its sending "How to identify that light in the sky" line. Is it my code or is api the problem
Hey is anyone facing an issue in the FreeScribe app where inside the Information.jsx console.log('LOADING') won't stop running when we try to generate translation by clicking on the Translate button?
CHECK OUT THE 2ND EDITION REACT.JS COURSE🔥(It's much more beginner friendly but still just as cool!)
ruclips.net/video/iKpkVKubvKk/видео.html
For the NASA project, if you have an issue with the API be sure to clear your cache in local memory!
For the ML Transcription project if you're having an issue with an undefined model, try updating your code to include the following and then test in some different browsers and incognito windows!
import {pipeline, env} from '@xenova/transformers`;
env.allowLocalModels = false;
I'm still getting the error
@@jakasalways any solution for that ? Did you get something
@@aryanmehta8110 I gave up on it
2 errors, both being unfixable
Unexpected token '
To clear the "Unexpected token '
a critic of this video as a begginer on react:
first of all, absolutely amazing , i got some deeper knowledge on components structure, data flow, children props, props itself, apis, hooks(mainly useeffect, the one that most confuzed me), better knowledge on react in general, knowledge that made me confortable working with state, components etc. I was just finished with a javascript course, so i wanted to get deeper on it by learning a llibrary, but, react is not javascript. Dont get me wrong, its the same language, but man, what a hard time i got through to understand that it is a different way of coding everything. When i got to react, all i knew about doing html, then styling with css, proceeding with js, using a lot of createElement() and just getting used to that, was "thrown away", not the knowledge i had, but the whole process and order i did things. So while react is just a library, it changed everything, so TLDR react is not the same learning process and order as javascript. So, after all that, about the video
the video reaaaaaaly helped me through the process of understand how to structure a site with components, something i really was confuzed about, and it made me confortable on everything about react, but, i wouldnt say it is BEGGINER friendly, although i had some shallow knowledge before this video(useState, props, conditional rendering, useEffects, events and some more stuuff), and thought i understood all of these concepts, i still got stuck some things, like what are exactly children props, how to structure the components, how do i actually use components(in the beggining i thought you made the whole site on a single component lol), use effect hook and some other things, that thankfuly to this video, i understood completely, but if didnt had any knowledge before, it would be way way way more harder to understand.
TLDR: The video is absolutely great, but i really recomend you to whatch some tutorials before watching this video, dont get it wrong, WATCH IT, im not saying to just ignore it, put it on your list of watch later and just come back later, as i think this video is a gem and a valuable learning source
btw i love you james for this video, thanks a lot.
I couldn't agree more with the point you made about it being a little difficult to understand if you haven't touched react before since it's a whole new way of doing things from plain html, css, and js. I've had experience with react before this video but even for me following along I had to pause and understand what the heck was going on with the to do list haha. This is definitely a gem, it has so many things that you must know
as an intermediate react dev, this tutorial is not beginner friendly. look elsewhere, then come back here
Appreciate the feedback :) I'll get to work on something that spends more time covering the basics for first timers!
@@Smoljames hlo bro i am getting an error in the transcription process which says
whisper.worker.js:46 Error in pipeline initialization or usage: SyntaxError: Unexpected token '
I had already left a comment, but I came back to say that I'm finishing the gym app, and:
a) Both this one and the previous ones have worked perfectly. I'm so glad I chose a tutorial recorded this year because most "code-along" videos that are not recent often have deprecated packages and outdated features, and it’s a pain-especially as someone with not a lot of coding background-to figure out extra stuff when learning a new language or library. Also, the way you explain things is awesome. I’ve done a few online courses, and you are probably the person whose teaching style I understood best (English is not my first language, so the more straight to the point the speaker is, the better).
b) I’m chuckling while coding because the names and descriptions you chose for the project are freaking hilarious. 🤣
Glad you're enjoying the course my friend :D And yea it's painful how fast everything changes!
Ngl i struggled a bit to keep up on the todo, think i need to want a few more in depth react vids and come back to this. Its really good so far and honestly astounding how much information there was in just 40 mins
Yep this has been some standard feedback so I made a new version and really focused on slowing it down :D Might be worth trying!
ruclips.net/video/iKpkVKubvKk/видео.html
@@Smoljames yeah im subscribing, respect for listening to everyones feedback 🔥🔥 imma watch that, thankyou bro
Woah man, Pristine stuff here. And you teach with no assumptions which is really rare. Bless u and the channel man ❣
Cheers for the comment my broski :D
Great video so far! I didn't realize a to-do list could feel so complex. Im about 30 minutes in and I've been pausing, rewinding, and commenting on my code to make sure I actually understand what you're talking about. A lot of this feels super advanced to me but cheers to pushing through. Thanks for the vid James!
Haha yea it can be a fair bit to bite off but well done for persisting :P
@@Smoljames Update: I finished the first two projects and I'm now working on the third. Everything's great except I will say your head often covers a decent bit of code. 😅
@@alexgarbero Making some great progress:P And cheers for the feedback - I'll be sure to cover less in future!
James, thank you, thank you for taking the time to record this!!!!!!!!!!
The course is absolutely amazing mate, keep it up!
the best video i seen ever on react keep i up buddy more power to u !
I really love your video, I already finish the backend course, and now I am here for the frontend one. The project is really beginner friendly and in every next project is always have new concept that can implement and improve my technical knowledge
Did the todo list.. I did my own modification but the learning path is as you lead me. Very glad I found this video. Feels I am getting better in react JS.. Thanks a ton!!
Wow this is such a good video. I'm working on the Gym app right now and I am so impressed that you wrote all that data manually. Extremely high-effort content. You've earned yourself a like and subscribe.
As a beginner in React, I found your projects very intriguing and very helpful, keep up the good work!
Thanks a lot :))
@@nishantsirwani3812 glad you enjoyed!
Thank's my friend, I am a Qa analyst working to be a web developer
same!
same!
Same
Same shit bro
on an unrelated note, your room is very beatifully decorated
Thanks my friend :D I like it too!
Hey there James! I've been watching a few videos of yours about ReactJS and to be fair, i enjoyed them quite much and i would love to keep up with them. I already saw a few comments from begginers such as myself, and i share the same struggle about speed which you already had the feedback from what i've seen (proud you actually care about us and usually made another more friendlier and slow-paced), mine mostly was on that last project. I reached a point where i wasn't understanding what i was doing, in part for lack of knowledge but also i think the difficulty is quite harsh on the last one!
Nevertheless i appreciate you sharing your time and knowledge with us, keep up with the good content, i'll try to keep up your videos! Cheers from Portugal!
Hey friend! Be sure to try the new ReactJS course as I made it after this one to ensure it was slower and easier so that anyone can finish it :)
Im from Myanmar, started learning react and found this video. I’ll watch till the end and learn my best.
@Smoljames
Your 5 hour work looks great. I will start it in a few days. I hope to have a lot of fun and learn a lot. Thank you for making such a beautiful video
Recently started learning React, your approach is amazing. thank you for making my learning journey easier! not every youtube channel is beginner friendly the way the state
5 hours?!?! Damn, James. You’re doing too much 🙌 Loving it!
Great to see Wheel of Time on the shelf! My GOAT fantasy series!!
It really is superior :D
I have been doing a laravel project for our city. My team leader in my freelance job wants me to shift to react because it's his mastery. I like what you're doing so gonna save this to learn after my current project.
It has been a great experience taking this course, it has really made me dig deeper into my brain, thank you so much
Oh fudge i just found out this channel today , it was informative and well explained well keep it up bro and also continue to realease react projects
I also just found this channel. Yet to find out wether or not this video is worthwihile
thank you so much brother. Exciting times! God bless you,
Thanks for all your time and help with React on the web! Side note: you look like Matt Damon in his prime.
Glad you're enjoying the videos and cheers for the compliment haha I'll take it :)
@@Smoljames Haha you welcome! Thank YOU!
Hi james , i need you to be truthful to me , cause you are setting unfair expectations as a dev to me . Why is that you do very minor mistakes, you tend to know every damn thing about js and software building , and when you are coding you are writing code as if you are writing a message to your buddy, its just looks so easy for you and im sitting here for 3 hrs trying to understand and digest your code . Shit man tell me if you are just looking at code somewhere else and writing it down, you look so relaxed . The Last project is so overwhelming and you are sitting on your chair as if you are watching a movie and coding that headache of a software .. Pleaseeeeee answer meeeeeee.
Haha you've got nothing to worry about home slice! That was 100% me when I was learning and with practice it all becomes clearer - we all have to start somewhere and it's always hardest at the beginning. But if you keep practicing you'll get faster and faster and it'll be come clearer and clearer!
To answer your question about the coding tutorials, normally I'll have the basic skeleton of the code done once so that I have a general idea of the style and structure and then i'll code out the full version live in the tutorial :) You also have to remember that I probably cut out some sections where I might have made a mistake or gone back and changed something too!
You're doing well my friend just keep up the good work and you'll get there :)
@@Smoljames sir today you gained a loyal subscriber for sure.
Fr this made me feel better cause i been in self doubt a lot
This is good for my learning you’ve gained a loyal subscriber ❤
Great video James, so appreciate that you've given us five hours of free content. I've just come from your Javascript course on Udemy. I feel like that really solidified the fundamental knowledge I already had. However, as a small critique, I'd say the last few chapters in that and in this, things get a little fast. Mainly, I've found my code not working as it should be, only to go back through the video and find that I missed an import declaration, presumably because I was looking at what I was typing for slightly too long and failed to see you type it. But as I said, just a small critique, and I can't fault the rest of your content. Thanks very much!
Appreciate the feedback home slice thanks for sharing :P
Loved that you already did the css to optimize time
Yea that'll be the standard for most videos going forward haha
the best reactjs tutorial i have watched. thanks so much
My pleasure!
so matt damon is teaching react.js and i love it
Haha I'll take that :D
Thank you James for sharing. Greetings from Morocco.
Greetings from New Zealand :D
Good video, I really interest the project 4 3:09:36
Thank you! so far I've just deployed the to-dos app, got it wrong twice then realised I had a folder within a folder ("Duh") anyway after rectifying was able to deploy ("Clenches fist") Ha-ha, keep up the great work.
Been doing Vue for years but need to learn React. These practical tutorials were great. Thanks heaps and keep up the great work!
thanx man. Really appreciate it !!!
My pleasure :P
Thank you very much, New Subscriber ❤ your explantion is very clear
Underrated!
Friendly suggestion because I love your vids and want to see more and also wanted to take my own time, as you have in this video, to offer up feedback:
I know it's hard to target everyone at all levels, but just some feedback from a seasoned html/css/vanilla js guy, I would love to see this video without all the styling going on throughout. I'd suggest just creating a super minimal yet clean stylesheet for the functionality of this project specifically where you already have the styles pre-coded and don't show us how you style things and just get to the functionality. You could have a part two after functionality where you show styling specifically.
More importantly, it also would help me see more clearly your functional code rather than in the mix of the tailwind styling (which I fully understand is class-based and I use tailwind for all my projects, but just for the sake of a tutorial and visibility is all I'm saying). I have been and will continue to not style along with the videos because I can do it after and it would fast track those who don't need that and those who do can stick around for pt. 2 for CSS. My main reason for viewing is the react functionality.
Also, I do understand we can skip around and all, but even with my window at full screen, trying to move the time bar a few seconds to even a minute is impossible. It always jumps like 3-5 minutes at minimum and playing around with that usually ends me up getting lost entirely where I was, again, costing more not coding along.
This is genuine feedback! I hope it is received well. As always, thank you so much for your time and help! Happy coding!
PS: If you didn't change the way you did your videos, I'd still watch them all lol
I will say the conditional styles is cool, I don't think I've done much with that in React/tailwind, so that was really cool to see.
Cheers for the feedback home slice! Love the way you presented it so constructively too :)
I'd highly recommend you check out my new ReactJS course as I've implemented a few of the suggestions you've made in there too! (Ie removing all styling from the video and a few others)
Thanks again :)
@@Smoljames You are the best my dude.
@@Smoljames You got it all man, keep doing what you are doing. I know it's not without blood sweat and tears. You are helping so many people in this world.
Thank You James ❤
"I'll change this to... swol... Swolnormous, pretty simple" LMAO I love this guy.
love your video and also your wheel of time collection👌
Cheers :D It's a great series!
Thank you James.
Thank you james ❤
This tutorial will be my next after learning JavaScript
Great video, super helpful and clear! I also watched your html/css zero to hero video which really made css click for me. Do you have a list of plugins you use for visual studio code? Yours seem to be more helpful than mine.
For react.js the es7+ react extension is super helpful!
Thanks James :)
this tuto is not for complete beginners , its for beginner who has finished js concepts and react concepts but has not used it yet in projects , or else u have to pause the video at every point to learn abt the certain concept used and come back.
i agree.. it's great but you need to know at least basics of react..
Yea that seems to be the case! I have heard the feedback and am about to release a new version that should be more beginner friendly :D
@@Smoljames When can we expect that video James? Any ETA would be lovely. Ty!
@@suhaspatnaik It'll be released within the week :D
I honestly dont know if I consider this beginner, as a beginner. I think ima revisit it after watching some other videos cus the content is still good.
Yep this has been some standard feedback so I made a new version and really focused on slowing it down :D Might be worth trying!
ruclips.net/video/iKpkVKubvKk/видео.html
just perfect !!
the whole tutorial was stunning except the right bottom corner of the video. my suggestion would be in future please position your recording little bit smaller. thanks
2:37:23 working on 3rd projects
Amazing man
I am having an issue with FreeScribe where when I try to transcribe my audio it is not returning the transcription but instead, from console, it is returning an html component and not the correct JSON form. Anything I can do to fix this?
Did you fix it?
for a code along tutorial, you used a lot of shortcuts which for a "Zero" people hard to grasp. also you edited some parts so you actually wrote/pasted a code but its like only a split second which then I missed and have to rewind from beginning of that part just to spot it. There should be a "preparation" section where you list what extension you are using and what workflow you will use.
Thanks for the feedback - you're absolutely right and it's something I'm working on improving in future videos :D
bro were you able to make the last project successfully?
amazing content! really appreciate it, I wanted to share my thoughts though: i feel like you go back and forth between logic and styling a lot and it gets a bit frustrating to try and keep track of whats actually going on, specially when you start using tailwind and as a beginner I wonder if this is the way things are actually made in general or is it because you are trying to showcase everything
Appreciate the feedback my friend! I'm still learning how to make good educational tutorials and you make some good points that I'm trying to accommodate for in future videos :D All future videos where we learn a framework will be prestyled to avoid this very issue haha!
This is super nice is there a better quality tho? The Text seems a bit blurred even on 1080p
You did a great job james
Is there any error in function.js.I am stuck at that part 2:55:23.The passed values to exerciseCard is not showing
Hey man, thanks for the projects and explanation and for your code sources.
I'm a junior dev and I'm grateful to you for the work that you've done.
However, regarding the first app (todo list).
Imo it should be coded differently. The App component is too large. I would move input component inside list component, pass props from list to input, move logic that makes inputs work to list.
Eventually I would make it so App only renders List and all the logic, including localStorage is inside components, not inside App component.
It's hard to read the code and work with it otherwise.
English is also my second language, so I apologise if I missed something or appeared rude in that message.
Hey my broski! Those suggestions are totally valid and I encourage you to make those adjustments :D
Hello James I think you should have used axios library for fetching the data from nasa api I mean it is super beginner friendly and also cut a lot of code and also you didn't used loading state which you defined other than this I have watched 1 and 2 project and I found them quite interesting
@@Dio-qf4hl it's a fair point but I actually think that the schools axios library is no longer maintained because of the fetch API being native to nice now
Great and amazing content! I really followed all the stuff there BUT when you started to type all the workers stuff I didn't understand absolutely nothing hahaha WHy that? what this? I just followed and thats all. But I don't get how or where to get info on how to impement that :) You are a machine!
Great tutorial, for some reason can’t change the colors in the gym app
Thanks for this course. What do you think of the professional certifications offered by Meta on coursera? Front end dev/ react native certificates etc
awesome video.
The the ML project after clicking the Transcribe button an error "DOMException: Failed to construct 'AudioContext': The hardware sample rate provided (1600) is outside the range [3000, 768000]." is showing. How to resolve this??
did you find a solution ?
needs to be 16000
My api key is not working, cleared local memory caches, it shows undefined and 403 error from nasa website on the console. What is the solution?
I was facing the same problem. I cleared my cache from local memory. That cleared the 403 error.
I was still getting undefined. Then I read somewhere that .env file should be at the main folder. I accidentally created it in src folder. After resolving it I still faced the same problem. Then I copied the code inside try{} and pasted it in between
Const localKey = `NASA-${today}`;
*the code*
if(localStorage.getItem(localKey)){}
And that solved my problems. :3
@@nuzhatislam8266 Thank you! This resolved my issue :)
WoT for the win!
Just finished second tut. Great stuff. Out of curiosity, why is the console logging things twice? Is it the API? I'm looking through the code right now to see what could be double firing it, but maybe it is from the API? Is this doubling the requests from what we are allotted? Thank you in advance! **EDIT** - After deploying it only logs once. Disregard.
Good question - in local development React.JS has something known as Strict mode. An outcome of this is the double console effect, but when you deploy your code it'll go away :)
@@Smoljames Okay, thank you a lot for that explanation!
How many projects can we able to create in one react app??
How to add animation for the sidebar to open and close slowley
I'm working through the Gym App tutorial part but I'm not getting the Header component to Render inside of the Generator. I'm not sure where it is wrong I think I have it fully correct at that point of the video which is 2:13:25
Here is my code:
import React from 'react'
import SectionWrapper from './SectionWrapper'
function Header(props) {
const { index, title, description } = props
return (
{index}
{title}
{description}
)
}
export default function Generator() {
return (
)
}
Wait I got it. I was missing the {children} prop from SectionWrapper in the return. I'm not sure why that is needed though?
@@Thelhawk2 Because with components, especially wrappers, the children contents becomes a property of the component. If a component is to have children, you need to let it know it will receive them and consequently where to render them (using the {children} in the JSX)!
@@Smoljames Thank you very much :) I finished the Gym Tutorial today. Super cool and I'm going to use it for my own workouts haha
Great video! Thanks! It'd be appreciated if you move your face recording to a place that wouldn't cover the code, Thanks again!
Yep that was a mistake that I'll learn from in future!
this video is amazing but pls don't watch yet if you are a complete beginner. Learn react, javascript, es6 basics then watch it
Yep it seems this video was a bit complex so I'm released a new React.JS course that should be much easier!
Do you uploaded the large node_modules to GitHub too? Shouldn't we be using git ignore and then install in the server later. How to do that in netlify
Very helpful, unfortunately a lot of the code you write are hidden behind your massive webcam, so its hard to follow along
Haha yea my bad I'm still learning how to make videos properly!
@@Smoljamesit was extremely difficult to follow up
Why not use redux in the Gym app to pass state up to the parent? i could be wrong just curious.
You definitely could but I would recommend using Zustand instead of redux!
Hello. I have a doubt. In the Nasa Project yours one is a image i.e hdurl and mine one is a video that is url and when I try to run it, it's showing that "Third party app will be blocked in future Chrome versions as a part of Privacy Sandbox". What should I do??
i had similar problem but i dont know what i have done all of a sudden it give the image i think the problem is in the api
url keep looking in the nasa website for a correct api url
@@BrotherAllyalkindy Ya same here. I was facing problem and all of a sudden the next day I got the image. It may be the API problem
Hey James - thanks again for your help with these tutorials. I had an enquiry - I completed the first project fine but now to start the Nasa one, I'm getting errors in the terminal or both the cd command and npm install. Please help or suggest what I should do.
Bugs aye always annoying! What errors are you receiving?
@@Smoljames npm error errno -4058
npm error enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'C:\Users\Praisel\OneDrive\Desktop\React-Practice\package.json'
npm error enoent This is related to npm not being able to find a file.
npm error enoent
npm error A complete log of this run can be found in: C:\Users\Praisel\AppData\Local
pm-cache\_logs\2024-10-02T09_26_52_780Z-debug-0.log
PS C:\Users\Praisel\OneDrive\Desktop\React-Practice>
great tutorials!! :) does anyone know what vscode color theme he's using?
Thanks! And it's freecodecamp theme :)
ty bro
I know I’m asking a lot but would you consider doing the exact same course but with Qwik? I’m having the hardest time finding up to date Qwik courses.
I sure can :D
Good video with important topics covered, but definitely not a zero to hero kind of video.
The watcher should at least be a side actor before becoming a hero. Like he should have the basic understanding of the concepts.
The video is more of explaining of what you are doing rather than the explanation of concepts.
Good job! 🙂
Yep this has been some standard feedback so I made a 2nd edition that is more beginner friendly! You can find a link in the pinned comment :D
hello bro, i am getting error at 4:32:13 instead of output i am getting
error : Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'model')
at new GenerationTracker (whisper.worker.js:83:100)
at transcribe (whisper.worker.js:40:31)
at async whisper.worker.js:21:9
even after running & following your own code .Even asked ai but probklem not solved
thaank you
Hi, I just finished following along on the Todo App, but the dev doesn't show anything but the background. Anyone know why that is?
Hey ya, in regards to the NASA APOD project and your API key being a secret, you can't use it in the JavaScript React code.
api_key=KjC1...F5Oj
It's available to be seen.
The API Key is supposed to be stored on a server and accessed via an authorised API call to the server you own and control.
can you also create a course of upgrading react 18.3.2 to 19 even isnt stable yet
Thank you so much for this Tutorial. My output is blank and I do not have any error, could you please assist? I even tried to copy your work from the repo provided I still get the same blank output with no error. It starts giving me blank output just after I remove all the manually added added todo list.
Thanks for the amazing work you have into it. Please don't consider me impolite but isn't 5 h little to learn all react concepts.
It is because I'm studying react on both Coursera and scrimbaScrimba and they both have two courses for react alone; react basis and react advance. Both courses are over 10 hours. lol
which vs code theme are you using
Anyone have a group when can learn together because i need to share infos width someone at my level
Hi, Have you found someone?
Matt damon started teaching react js??
Show a demo of the look and functionality of the projects at the beginning of the video so people won't be questioning if they actually want to do the projects. Show, don't tell. Will help your retention and watch through. People don't like to guess if it'll be worth their time, especially something that's going to take hours upon hours to complete.
Yep I agree it should be there
I don't have any issue but the api key is not sending title but insted its sending "How to identify that light in the sky" line. Is it my code or is api the problem
i am facing errors in machine learning App the whisper tiny model is not working
Yeah im getting similar issues. Did you find somthing that works?
Is there any alternative for swoilder.js in project 4 or any chat gpt prompt that can be used to generate similar result?
Question! Why are you choosing Vite over Next.js ?
Next.js is nowhere near production ready. React/Vite is far more robust and serve as a good baseline for new devs.
Hey is anyone facing an issue in the FreeScribe app where inside the Information.jsx console.log('LOADING') won't stop running when we try to generate translation by clicking on the Translate button?
Why does my WORKOUTS variable says it's undefined in the Generator.jsx?