Anyone who is young. Take the time and do these. I'm old now and life makes it harder to learn. It's impossible to sit down. For more than 1 or 2 hours and study. Too much obligations.
@YizenOdyuo
8 ай бұрын
I'm always in a hurry to learn things as fast as I can and in the process I forget the things I learned. Will take up your advice and take things slow from now on
@dystopian_1
8 ай бұрын
I am 33. And I feel old already
@Diva-MB
8 ай бұрын
Thank you for advising we the young ones
@edtechbymeera
8 ай бұрын
age has nothing to do with learning
@animeclips4974
8 ай бұрын
@@dystopian_1I’m 27 and I feel old too
@itsaayush7357
2 ай бұрын
And here I am, at 9:27:36 Complete all projects. If anyone who is checking comments and are about to see whether these projects are worth or not so I will suggest must go for it. NOTE-> PLS KEEP PATIENCE! Things will take time. just seeing what he is doing and ask gpt what he is doing. after some projects u ll see a pattern, and then there you will go easily. I started it and was very frustrated at 2 project accordian one..but I tried, I learned. So just remember, you will learn that, trust me you will understand everything, just keep faith!
@hitmanop4078
Ай бұрын
how much time u took also do u know backend too ?
@itsaayush7357
Ай бұрын
@@hitmanop4078 about two three weeks. If you make 2 project everyday you will take 2 -3weeks approx
@bhaveshchadha9900
Ай бұрын
does he use typecript in it too?
@Shagidelic
Ай бұрын
This video is not for beginners but rather for those who know basics of react. First learn basics then following this will get you interview ready. Btw i m 45 n learning python, react, and aws. Wish me luck
@luannguyen-xs7wv
Ай бұрын
woa, you are 45 years old, i'm really admire
@AkashJadhav-z7u
Ай бұрын
Wow, your comment really motivated me! I'm almost 29 and considering a career switch from ECC Engineering to software development. I’ve been feeling tense about how to start fresh and compete in this new field.
@Sportgameww
7 сағат бұрын
@@AkashJadhav-z7ugood luck
@nguyenhuuhoang8131
7 ай бұрын
i am 22 year old and staying at 2:09:00,everything here is too difficult for me but i will complete it to the end, never give up !!!!!!!!!!!!!!!!!!!!!!!!!!!
@Aurora01001
4 ай бұрын
did you?
@onyedikachiozoani
4 ай бұрын
Are you done?
@Niraj_Kr29
3 ай бұрын
Did you succeed dude?
@agx111
2 ай бұрын
its been 5 months
@abhi4348
Ай бұрын
Looks like bro gave up, or really skilled up so good that he has no time to check the comments and is grinding 😁
@codemass
7 ай бұрын
at 1:35:20 if anyone facing any problems ( which you will ) instead of writing setProducts like what he wrote in the video . type it this way setProducts(() => [...products, ...result.products]); , because when you pass a parameter to the call back function and you spread it then render result.products , its like rendering the same result.products twice , and that is why you see the warning below of two identical Id or why you see items rendered twice ... but when we set it like this setProducts(() => [...products, ...result.products]); it means that we will spread the prev products from the state which in the initial state is set to [ ] so it means if there is no products then there will be no previos products to be spread and no error will appear
@AngelChoir-di5ez
7 ай бұрын
Your method fixed the problem instantly, I had narrowed it down to that particular line of code, but never considered changing prevData to products. Thank you!👍
@codemass
7 ай бұрын
@@AngelChoir-di5ez happy to help :)
@MittuRohith
6 ай бұрын
in cosole why we are seeing first 20 two times is it because of useeffect
@adrian3750-d3g
6 ай бұрын
thanks, your answer help with the problem, now id like to understand why doesnt he had the same problem?
@sumithocs
6 ай бұрын
thanks👍
@uaplatformacomua
2 ай бұрын
I did all 25 projects for 2 weeks))) Good job is done) Thank you.
@umezvictor
5 ай бұрын
I'm just about starting this tutorial. Thank you for providing this free tutorial. God bless you.
@aerofred2002
8 ай бұрын
On the 'Star Rating" project, if you had trouble changing colors on the "hover' and 'mouseover' states, another way to do it is to have two sets of stars you can toggle between. For example, if a user clicks, or their mouse leaves, you show a black star; if they come back, you show a yellow star.
@ayushkhanvilkar
3 ай бұрын
I was facing the same issue. I do not know the root cause but switching from Brave to Chrome fixed this issue.
@assilbenlagha8209
6 ай бұрын
Great tutorial, thank you so much for this! (one simple note: in the image-slider component the handleNext -slide- function doesnt work correctly, when you reach the last slide it continues looping without returning to the first image in the array, here is a corrected version for anyone who needs it: function handleNext() { setCurrentSlide(currentSlide === images.length - 1 ? 0 : currentSlide + 1); }
@pankajmandal7204
Ай бұрын
i am currently 21 years old i get stuck at everything but i am gonna do reactjs with my utmost dedication
@mihirphadnis2
8 ай бұрын
2:57:20 You really could've used HTML element, it is way better to use for modal purposes, doesn't let you focus on background elements using TAB button
@NARUHINO09
6 ай бұрын
Sent me on a 4hrs derail, but got it at the end XD
@mihirphadnis2
6 ай бұрын
@@NARUHINO09 glad to help. If you want logic behind it, You create state variable that will open and close createPortal(). This should open the with . Inside the create a reference (ref) variable to run the modal.open() function for element. To close the dialog, in return statement, close dialog with dialogRef.close() and change the previous createPortal state variable to false.
@オレオレ-q6g
8 ай бұрын
in data load more section, if you are using react 18, you may encounter the error says same id for 2 element, this happens due to the new react feature called re-usable state, it basically when you mounts(render) components at the very first, this new feature automatically unmounts it to gain its previous state and remounts again. this cause hook to fire twice and consequently it assign same id to two different elements. To solve this issue, create cont boolean variable using "useRef" and set it to false, then assign true inside if statement of useEffect function. youtuber called Olli explain it well in his video called "UseEffect called twice in React 18"
@shriharsh2543
8 ай бұрын
The issue can also be solved disabling React.StrictMode from main.jsx. It's much more easier.
@LordV8or
5 ай бұрын
Do you have a link to that video?
@MrJack-yv6gl
3 ай бұрын
remove stricmode ok done
@christophermyers6372
8 ай бұрын
Hitting it out of the park again guys
@matwal420
4 ай бұрын
This is an excellent tutorial, it has a lot of great key concepts for the React application
@razeft
8 ай бұрын
i like this projects, i decide to do only the recipe one and use vite instead of create-react-app but it's a good video
@2teaspoon
8 ай бұрын
Thank you very much for such amazing course!
@frusen_sol
8 ай бұрын
*data && data.length > 0* can be simplified with just *data?.length > 0*
@MahmoudMohamedHatimSuliman
3 ай бұрын
Great Work! Project 1 you shouldn't mutate the multi array it's considered a bad practice
@bowenlin1481
7 ай бұрын
On the collapsable tree project, it is much better to store a true or false value for the displayCurrentChildren instead of an object.
@uaplatformacomua
2 ай бұрын
@sangammukherjee Thank you a lot for this Apps, you explain all very clear and without errors! Amazing course. Better then a lot of paid ones on Udemy. Thank you.
@dusko8989
8 ай бұрын
I think that a lot of this projects can be done in much easier way and that this is overly complex without need and because of that it is not very good for beginners I would even say that there is a lot of bad practice
@raknos13
3 ай бұрын
I also noticed there are some bad practices used in this tutorial. Can you suggest any other tutorials to practice react?
@manishasaini307
2 ай бұрын
Did you get guys???
@strictlyunreal
Ай бұрын
Yeah, the guy seems to have a lot of experience with interview challenges, and the bad practices and unintuitive, confusing way he's doing stuff might be an indication why, because clearly he does the same thing when he's the interviewee. I wouldn't want to work after him!
@zhm-ll7bp
Ай бұрын
@@strictlyunreal Do you have a better tutorial to recommend?
@hitmanop4078
Ай бұрын
The tree view project is crazy stuff
@misterFriend.
8 ай бұрын
The spokesperson's beard is looking extra fresh and clean today. Ok ok. I see ya brother.
@sravan8643
6 ай бұрын
A really good resource to learn react concepts... Thanks for this!!
@iuliiasiriakivska2209
5 ай бұрын
Thank you for the inspirational tutorial. But in some cases, even for me, as a beginner, it's quite obvious that some of the approaches are not optimal. Let's say in Load More Data project, the fetching should only happen once in useEffect upon render, but all the next times it's not an effect, but an action - when a user clicks Load More Button.
@debdipmukherjee3138
4 ай бұрын
Onek onek dhonnobad, dada ❤❤❤❤
@jopadjr
8 ай бұрын
3.1k+...Thanks !!! Great tutorial !!! May I know why you did not use NEXTJs or other frameworks ?
@Bl1tzs
2 ай бұрын
NEXTjs isnt really a framework, its a addon to create react apps just like vite if you ever used it. You probably know that by now though since this was a couple of months ago.
@ayansiddiqui1180
2 ай бұрын
In the Accordian Project there is a bug which only allows you to close the "content" if you opened it in the same "selection" state.
@javierrivasseau8956
6 ай бұрын
Hi Sangammukherjee, First of all, thank you very much for this video. I learned a lot from you - your clarity, speed, real-time solutions, and seamless presentation are incredible. Secondly, I have two issues. Firstly, the link to the shopping page repository isn't working; it redirects to the food recipe repository. And secondly, I want to integrate my shopping cart with the MercadoPago API. Can you help me with this?
@aerofred2002
8 ай бұрын
Nice refresher. I'm probably rusty on a few.
@arkansavalder
3 ай бұрын
use oil paint
@todayisyourfuture
8 ай бұрын
Thank you for your efforts but your projects are very easy. It is good for beginners I think
@ericdelmermillen
8 ай бұрын
Good projects but poorly taught. I gave up at the 4 hour 30 mins mark after he rendered the 9 boxes from the TicTacToe grid via 3 rows mapping through three objects of 3 length with the values all being set manually. In the projects where he uses real apis it's a good challenge but when he mocked up a js file with a function that returns an object rather than just putting the json data directly in that file I got super confused. The projects are great and well selected for their level of difficulty but the naming of components, variables and functions is odd (the use of get in variable names in particular). The presenter seems knowledgable but the way he presents makes me wonder if he's dumbing things down for some hidden reason or if he just has a lot of weird habits that he never gives you the backstory on.
@raknos13
3 ай бұрын
you summarized it perfectly!
@RiteshKumar-dx8wj
2 ай бұрын
i got the projects names and simply googled it later
@nikolasaureriy1408
8 ай бұрын
Great video, but tell somebody to the instructor about optional chaining (result?.product?.length) insted (result && result.product && result.product.length) as example.
@trappedcat3615
8 ай бұрын
Optional chaining bloats the code if you have to support es5. It's also prone to unexpected side effects if not used correctly.
@notrushi
4 ай бұрын
is it me or yall facing this too? in the first project itself when you toggle enable multiple selection - click on all the questions - click on enable multiple selection again - the state of setMultiple doesn't clear itself and the answers are still shown and basically project stops working at this point idk how to resolve this bug?
@TimTheDeveloper
8 ай бұрын
Yo this is stacked!!!
@hellokevin_133
8 ай бұрын
It's horrible, just like Smilga's videos, just trying to bump up the number of projects and spamming code instead of learning, 25 projects in one video is pure insanity ( and horrible practice )
@lann1sterroy
8 ай бұрын
@@hellokevin_133 do you think it is better to work on one project and contribute on that to increase different type of features? is that your point or something else ?
@chinodanxd
4 ай бұрын
Thank you! Very helpful!
@namandeep4332
8 ай бұрын
Amazing explaination of everything♥♥
@taiyc3
6 ай бұрын
amazing! thank u so much! XP
@chinmayanath627
8 ай бұрын
Man it's wonderful ❤❤thank uhh
@lonleybeer
8 ай бұрын
Bro is saving my life
@switch3
3 ай бұрын
Thanks for this. But I feel a lot of the times the code could be simplified. Case in point, the tree-view tutorial; using an object to track the opening and closing of menus, spreading previous keys and dynamically updating the key's value. All these are unnecessary and can be accomplished with a simple Boolean.
@UnthinkableFairytales
8 ай бұрын
Thank you guys.
@rohitxess1955
Ай бұрын
Thanks for the tutorial. It was really helpful.
@pictermillanmurillo3882
8 ай бұрын
Thank you free code camp !
@madhushraba
8 ай бұрын
thank you so much
@saurabhsunilsingh
8 ай бұрын
This is what i was searching for !
@techedzee
8 ай бұрын
lets goooooo. am stocked
@jayrahane910
8 ай бұрын
Thank you for making this video to clear all concepts!😊
@kooroky
Ай бұрын
Perfect✌
@saltech2024
8 ай бұрын
Can't wait
@marekbis3938
6 ай бұрын
why is everyone still showing the create-react-app instead of vite or any other?
@hiranmali371
4 ай бұрын
Maybe because it's just a mini project
@simaykazc1508
Ай бұрын
The star-rating component works the same if we don't make the hover | | rating comparison. Instead just having hover compared with the index value. Why still do we compare hover with rating first? Thanks
@Kabraxiz
8 ай бұрын
Awesome !!🥳🥳 Thank You for this amazing training opportunity 🦾
@AbdulLatifKhaleqi
Ай бұрын
Great ❤❤
@sayedmobashir7803
8 ай бұрын
You are great sir. Very thanks 👍 full for us for all videos
@The_Developer_
8 ай бұрын
Thanks for this ❤❤
@tusharkutre6378
8 ай бұрын
It was much needed video. Thank you, FCC
@aroobs
2 ай бұрын
the explanation of the code was lacking because the focus was primarily on project building.
@sandaru11
8 ай бұрын
Thank you so much!! 😊
@Scrittyrow
2 ай бұрын
I appreciate all the hard work but a single note off destroys the symphony.. you installed cord instead of cors in the last project the MERN stack. Please double check youre scripts
@gouravchakraborty8578
8 ай бұрын
Wow ❤
@doruktekel3438
8 ай бұрын
i watched but this course before not explain react js true way
@juj1988
8 ай бұрын
Yes. Can’t see any best practices in developing apps
@MP-eq8fx
8 ай бұрын
Any other suggestions?
@doruktekel3438
8 ай бұрын
@@MP-eq8fx john smilga i guess , best way to learn how to think using react js , what is the component mentality , he is explain clearly. , you check it out jhon smilga accordion project in john smilga 15 react project and check it accordion in this video , you understand what we say
@rayyanabdulwajid7681
8 ай бұрын
It's because it's not a react course. It's a course for cracking interview rounds of a company. If you don't know html, css , javascript, and react, then it's not for you.
@doruktekel3438
8 ай бұрын
its not a first problem bro , first problem is react mentality component mentality . You can check the accordion you understand what i say , every accordion item should be component and maybe we can use items component and inside this we can mapping this items and every items can be one component , you understand ? In this this accordion project you can check it out all codes in one components , this is not a react clean code mentality , we can use more component as possible as we can @@rayyanabdulwajid7681
@Carlos_9770
8 ай бұрын
This is perfect for me!
@valenciawalker6498
8 ай бұрын
Thank you!!
@eleah2665
8 ай бұрын
Very good. Thanks.
@owaisahmadshah6744
8 ай бұрын
I was just looking for this thanks sir your are awesome thanks a lot
@tetrapact3608
8 ай бұрын
Hell Yeah, Time to get a Job
@Kayman5x5
8 ай бұрын
Awesome, but it is a pity that at least some of projects arent in typescript
@rayyanabdulwajid7681
8 ай бұрын
Typescript is for people that have already dived into the ocean of web development. If the course was in typescript, it wouldn't be easily understandable by beginners
@iamkartiknayak
8 ай бұрын
After learning from this course, I'll be porting all JS apps to TS
@just-being-aryan
8 ай бұрын
I DONT GET IT AT All how are 4 cards so complex to make in react,js ? is something wrong with me ?
@siddharthagrawal6157
8 ай бұрын
Lets go !!
@Dedsec-22
8 ай бұрын
Legit ❤
@khawamessa5794
8 ай бұрын
Thanks 👍
@michaelgibbs-eb1ed
8 ай бұрын
Hi can I ask what extensions you are using in vs code? I see that react import statements are auto importing for you where as I was having to manually enter them and wondering why my code wasn't working while following along. Thanks in advance and thank you for this tutorial!
@michaelgibbs-eb1ed
8 ай бұрын
For anyone else wondering the same thing I found and installed "Auto Import" and it's doing the job nicely :)
@SatSTAR0
6 ай бұрын
@@michaelgibbs-eb1ed thank you
@thanzeerhussain469
7 ай бұрын
1:21:10 - Doubt: How to stop page refresh in the 'Load More' button section?
@anaselhilali9235
6 ай бұрын
e.preventdefault()
@ivanemenya8391
2 ай бұрын
Can I start from here if I know nothing about HTML,CSS & JS ?
@abhi4348
Ай бұрын
will not be good , give one week for html css and basic js then dive into it
@istifanusdlama9697
7 ай бұрын
What is the best way to learn from this tutorial
@Gareebboy-r1s
8 ай бұрын
Bro where are you from Mumbai or Delhi?❤❤
@bakashadow0
3 ай бұрын
should i upload these projects to github?
@my_name_is_isildur
Ай бұрын
When you take these interviews can you open react documentation or everything must be from memory?
@basavarajm7864
8 ай бұрын
Thanks for the video
@hiranmali371
4 ай бұрын
Guys i am facing the issue in STAR PROJECT where i go backwards but color of star is not changing back to black. Why is the case ?
@kimnoveda8405
4 ай бұрын
Have you got your answer? I got the same issue, I initially interchange the position of hover and rating in the array className "className={index
@cs_iitian
8 ай бұрын
The Video is of 9 Hours, and It got like 888 in 49 minutes People are watching in 100x ?☠☠
@prabhakaranjeyamohan4579
6 ай бұрын
@@The_Night_Knight probably his Indian friends liking the video on request
@tomba2
4 ай бұрын
18:17 it's the little things.
@nouarchami9007
3 ай бұрын
THANK YOU ,,,,,,,
@logicweaver7152
4 ай бұрын
The random-color one is unnecessarily complicated.
@Hodaka-o2i
3 ай бұрын
will i be a good react developer after learning this tutorial
@isb_bkcd3463
2 ай бұрын
no
@sreesen3159
Ай бұрын
If I can make these on my own, can I consider myself interview ready?
@arjuno7058
4 ай бұрын
thank you
@nedlee1644
7 ай бұрын
I love this guy! "I hope you are getting.."
@RageGamerJay
5 ай бұрын
On the Accordion is there a way to make the opening be smooth not just show and hide? Like animated?
@nueltrigah9836
29 күн бұрын
I find it difficult to memorize everything. Is it normal to feel this way? I was thinking it might be a good idea to review the code whenever I have an interview and encounter the same questions. Is this a good approach, or am I expected to have everything memorized?
@2ameridiem
6 ай бұрын
Can someone please explain why are they using try catch block at 2:14:52 ? what possible error could emerge from trying to get an item from localStorage? I have tried to access the value of a nonexisting key from localStorage and it just gives NULL. But it doesn't throw any error... thank you for your time!
@WakingWay
Ай бұрын
The reason behind using trycatch block to access local storage is, when sometimes the browser is in incognito mode, it throws security error while trying to access the localStorage.. Hope it helped mate
@ashwanikumarkaushik2531
2 ай бұрын
Can anyone please explain? In light-dark-mode . Why do we make a custom hook? Can't we do it by using a useState Hook in index file to set the theme? Why are we using local storage here?
@CLEOCHAN183
8 ай бұрын
I'm new to react. When I try to do the first program, I felt so confused to follow since the tutor didn't explain why he code like that.
@tejasmore133
7 ай бұрын
This video is perfect for those who know the basics and needs hands on practice with some basic projects. I recommend you going through react official docs to clear the basics and come back here.
@onyedikachi6037
8 ай бұрын
Thank you
@christiansid333
4 ай бұрын
Hey coders, can anyone explain why he used a useEffect in the custom hook that he made for the theme changer (light to dark) though it can be done without it. And I really dont see any reason to use it there. And even without the useEffect its working fine.
@raknos13
3 ай бұрын
yes same question. Can anyone explain?
@syeddaniyalali5502
8 ай бұрын
Amazing
@dj10schannel
8 ай бұрын
Niiice
@msj1970
7 ай бұрын
Could you attach the data file (data.js) mentioned in the first project? I could not find it anywhere. Thanks.
@nedlee1644
7 ай бұрын
the github repo has all the 'dummy data' for each of the individual projects in their respective folders.
Пікірлер: 337