Anybody who is facing any proble m *(regarding react router v6 and react 18)* or want to see an *updated version* of this video can watch this new video => ruclips.net/video/m2fFde492Ew/видео.html. *Please don’t forget to Subscribe the channel* ruclips.net/user/TutorialsDev
Please next time you post a video like always display the source code, so that even a beginner can learn, someone has been trying for days to code this eccormerce websites because the video is not well explanatory, but with source it helps a lot
@@thyagarajn616 it looks like that. But there are a lot of good RUclipsrs who gives us a great tutorial. Anyway as you have said it is the number one choice to study on a fully responsible sites but sometimes you think watching a tutorial on RUclips is a shortcut and when you encounter with such a non-responsible RUclipsr, you know you made a mistake. Anyway I hope the RUclipsr will fix this issue and apologies in his next video.
Total wastage of time ...i tried and go along with the video for hour and later realized code doesn't work even the store portion says module doestn work
uh okay! thank you for the cut at the end .. I couldn't even finish .. uh maybe we should do it's editing properly, or at least give the link of a github .. LOL
when you come to the part when using Switch use Routes and instead of components={Home} use element={} due to updates with react dom the component switch has been changed to Routes
@@TutorialsDev help me pls Line 48:29: Assignments to the 'compmount' variable from inside React Hook useEffect will be lost after each render. To preserve the value over time, store it in a useRef Hook and keep the mutable value in the '.current' property. Otherwise, you can move this variable directly inside useEffect react-hooks/exhaustive-deps
i am geetibg stuck on this pls help Line 48:29: Assignments to the 'compmount' variable from inside React Hook useEffect will be lost after each render. To preserve the value over time, store it in a useRef Hook and keep the mutable value in the '.current' property. Otherwise, you can move this variable directly inside useEffect react-hooks/exhaustive-deps
![React Tutorial For Beginners [ReactJS] | ReactJS Course | ReactJS For Beginners | Intellipaat](http://i.ytimg.com/vi/9vZ8ELqerPo/mqdefault.jpg)
Anybody who is facing any proble m *(regarding react router v6 and react 18)* or want to see an *updated version* of this video can watch this new video => ruclips.net/video/m2fFde492Ew/видео.html.
*Please don’t forget to Subscribe the channel* ruclips.net/user/TutorialsDev
Please next time you post a video like always display the source code, so that even a beginner can learn, someone has been trying for days to code this eccormerce websites because the video is not well explanatory, but with source it helps a lot
Really video is very helpful . but if you provide the source code, it is very useful for beginners . And if you explain with audio then it was great.
is it responsive?
It was a good tutorial but finally, in the Cart section you cut out some code and it makes the tutorial incomplete. An hour wasted.
Brother to say honest they just want views and su bscribe.. learn from w3schools or buy text books or kindle.. most of the RUclips videos are fake.
@@thyagarajn616 it looks like that. But there are a lot of good RUclipsrs who gives us a great tutorial. Anyway as you have said it is the number one choice to study on a fully responsible sites but sometimes you think watching a tutorial on RUclips is a shortcut and when you encounter with such a non-responsible RUclipsr, you know you made a mistake. Anyway I hope the RUclipsr will fix this issue and apologies in his next video.
Total wastage of time ...i tried and go along with the video for hour and later realized code doesn't work even the store portion says module doestn work
100% true
Thank you Samuel for telling us.i was also working on it.
Thanks a lot for such efficient effort. I am learning react, redux and db management. your vedio is to the point.
The video skipped a part in 47:35 (Cart.jsx)...Some steps there arent in the video. Maybe a video edit or source code will help
Even In source code it's not there
Thank you for this wonderful tutorial on Redux. God bless your efforts.
Gracias!!! Te escribo en español para que sepas que hiciste un video completamente universal!! y entendible... Thx master!
Super helpful 👍...would like to watch more n more useful videos like this from ur channel..
A great use case of Redux, nice work 👍
Good job bro, but if you add search box in navbar and using search filter method then this tutorial is best on youtube...
If i follow this total process......will this web site will responsive??
As a beginner I found this video to be waaaaay too fast, maybe in the future you could slow down the pace? Otherwise great step by step tutorial!
Omg youre so precious.
You can slow down the video speed via settings option. Smooches and keep doing comedy.
uh okay! thank you for the cut at the end .. I couldn't even finish .. uh maybe we should do it's editing properly, or at least give the link of a github .. LOL
when you come to the part when using Switch use Routes and instead of components={Home} use element={} due to updates with react dom the component switch has been changed to Routes
Yeah
Update React Router Dom to version 5.2.0 or 6
That's true. Another one: You must include the CSS styles for skeleton to render (import "react-loading-skeleton/dist/skeleton.css")
Yes you are right but after using Routes instead of Switch the whole webpage becomes blank nothing is visible after changes
@@KumarPrince21 getting some kind of same issue when i redirect to detail page with id, nothing is visible. in latest react router dom
Hello sir can i use this codes and total process......will these works or not?? Please sir respond
getting CORS issues while taking ${id} followed by url i.e in products/id page not getting the image and titles , any suggestions
In this export switch is not found in react -router-dom??
Thanks for the tuto can we fine the source code on git????
but what about final price that should pay??
this video is redux with react ? redux with reduct toolkit ? please tell me.
Please sir clear my dout....is this process is responsive or not?????
Can you give the source code?
bro how u can run your program? tell the commands
40:08 is there a property called “qty” in the data? Or where did you define it?
Could you please explain how handle button function in card component works?
i want to cart component please
bro I am facing problem cart.jsx can you please share the full code of it.
excuse me but when you use rfc to generate basic code form, what commande do you touch?
hello man and thank for amazing video .
can you please put the source code ?
i want to cart component please
@@ibrahimsharawy7544 yes me too
Was the GitHub or source code link ever provided for this video? Also, the Cart.jsx is not clear and video seem to cutoff.
All right
Thanks for this amazing video! Are we allowed to use this project in our portfolios?
Amazing video, very helpful 👏
i want to cart component please
thank you, the tutorial is very good, follow the tutorial and I will develop it again for an assignment at university, teach json please
Did you complete the deployement of the above project, if yes then can we get the link...
hi pal, can you please share the cart.jsx file cause in 47:37 you've not explain in the video?
Hey bro .. can you fix that ?
up on this
How do l change api to be able to upload my own products and customize the site for my business?
hi, i am getting filter is not defined error, i was hoping if you could help me
Can u get the database connection for this using express or any other backend
i got error in switch in app.js and index.js
i dont know if switch on version react dom 5.1 or already update? how i solve this?
on the terminal it says compiled successfully but, on the browser, a blank white screen.
Sir, it doesn't have an admin user for the admin to make some edits.....Can you make for us please????
Great video, straight to the point.
Can I get the git repo link?
Can you get GitHub repo?
Amazing video, learned a lot..Hope for more such videos in future.
Sure 😊
@@TutorialsDev hey, thank you for this video. but it is not finished, the part with Cart I mean. Can we expect 2nd part my friend? :)
@@TutorialsDev or maybe you can share github with us of finished project at least?
@@TutorialsDev last me skip q kiya card vala
would have been better if you could have attached the github link for this project.
This video is awesome. But you have not explain the Cart.js component clearly in the last two minutes. That was not good
Hi, The Cart component's code didn't show clearly, you just pasted the code and didn't show the full screen for us to review @45:59
What about the cart component? none of the options passed in comments have worked
Sorry to say that
I hate a music in educational viedo
And
Can you explain what you do
I am a new in react
This way (i mean music) can not help me😔
amazing bro... But little explanation is necessary. but a really great effort...
Bro is there any supporters for react js
will u check the end part of the video it stuck ..
thanks so much. best practise bro
Always welcome
we're supporting you,, please, upload your next react project,, we want to learn
Thanks for Supporting Me 😊 Keep Supporting me and New React Project will be Uploaded Soon.
@@TutorialsDev Please Cart.jsx is not clear. Update that component complete. I want to understand
Do you have a github repository with the source code ?
nice works :) but it would be very helpful if you would have explained it.
Will Try 😊
Yea even I felt the same... The content is really good.. for beginners like me it would have been helpful if he would have explained it...
Give the code of cart
@@TutorialsDev Was the GitHub or source code link ever provided for this video? Also, the Cart.jsx is not clear and video seem to cutoff.
@@TutorialsDev help me pls Line 48:29: Assignments to the 'compmount' variable from inside React Hook useEffect will be lost after each render. To preserve the value over time, store it in a useRef Hook and keep the mutable value in the '.current' property. Otherwise, you can move this variable directly inside useEffect react-hooks/exhaustive-deps
Can you please provide us source code to check how you have implemented
github.com/Muhammad-Feroz/React-Ecommerce-App
Is it responsive?
where is qty comes from in handleCart reducer function??
this project have any user profile ? i mean , when a buyer want to order something then he need to signIn/signUp first
Not on this Project. But will Upload a Complete Project with User Authentication 😊
@@TutorialsDev brother please do hurry
Hey brother! You did not show part of the cart. That was the main thing. Please give me the source code so I can do the job.
import React, { useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { addCart, delCart } from '../redux/actons';
const Cart = () => {
const state=useSelector((state)=>state.handleCart)
console.log("cart",state)
const dispatch=useDispatch();
const addProduct=(product)=>{
dispatch(addCart(product));
}
const delProduct=(product)=>{
dispatch(delCart(product));
}
return (
Cart
{state.length === 0 ? (
Your cart is empty...
) : (
{state.map((product,id) => (
{product.category}
{product.title}
Rating :{product.rating && product.rating.rate}
Price : ${product.qty*product.price}
delProduct(product)}>-
{product.qty}
addProduct(product)}>+
))}
)}
);
};
export default Cart;
you can use this cart component
I am doing this project. But got stuck in some points. can you send me the whole source code please ?
One request brother, please make a video about useState and useEffect in a project and with explain
Noted! 😊
bro where to get this bg photo can u send link
cart component doesn't show in the video
Where is the background image broo
State.length not working
Nice video. but end of video cart.jsx code is not visible
How can i create admin panel to this project
Thank you for this amazing Video, I can`t show the handle button funtion to...pleas explain or complete this mission please...thanks
where can we get source code?
Hi good morning, it's great, but, you cut the video in a really important part, the shopping cart. ¿Could you share the source code of it?
im followed u r video but where is total price??
Can you explain the cart.jsx ? isn´t the code.... Thnkz
why the responsive navbar isn't working
thank for amazing video..
mam my products id not fetched
its says unable to read thst json file
Is the app responsive? I don't see it mentioned anywhere
cart page video is missing please share
hey what about the Cart component code?
Pls help me to get image in card.. Because Just image name and data is showing in my card...
great video! thank you
amazing thanks a lot
Videos are nice but, if you explain while you coding its too helpful to beginners, its only my suggestion think over it
Why the first product added twice , you click just for once. I am facing the same problem , anyone who can help me out
Hello there. I liked your work. Is this the code of the video of the project being made.
thank you, good job, and can you make a video for interview on js and react
thanks bro you saved my live
How ?
@@rakeshuthapa207 :)
i am geetibg stuck on this pls help Line 48:29: Assignments to the 'compmount' variable from inside React Hook useEffect will be lost after each render. To preserve the value over time, store it in a useRef Hook and keep the mutable value in the '.current' property. Otherwise, you can move this variable directly inside useEffect react-hooks/exhaustive-deps
wher is the addcart and component and code
skeleton effect is awesome
Glad You Like it.😊
why you cut the most important part (Cart)
Video is half at 47:36 video is cut and don't get remaining code in cart.js.. Please provide remaining video or code..
Looks great! Can yo do the same with Context?
please provide source code.. as wanna understand more in depth
Thanks for this tutorial
can i get source core of this?
I am not getting create card component code in this video plz check or share github code for this project
state.length is not working when i am adding a product to cart
it works, apologies. accidentally misspelt ADDITEM with ADDITDEM:) my bad
how much time did u require to build this website?
Is it live??
@@mrinalraut7547 2 hours with breaks in between
sir bootstrap and font awesome import nahe ho raha
navbar burger doesn't work in mobile sized screen
Can i have the full code source please guys !!