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 => ua-cam.com/video/m2fFde492Ew/v-deo.html. *Please don’t forget to Subscribe the channel* ua-cam.com/users/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 UA-camrs 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 UA-cam is a shortcut and when you encounter with such a non-responsible UA-camr, you know you made a mistake. Anyway I hope the UA-camr 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
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
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
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
I'm coding along and am having an issue with the return statement componentMounted = false around line 20 in products component. its giving me the error " 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." If anyone else caught that and have the solution pls lmk.
@@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
Please let me know how to resolve this: D:reactproj\emart>npm i bootstrap npm WARN deprecated uglify-es@3.3.9: support for ECMAScript is superseded by `uglify-js` as of v3.13.0 added 109 packages, removed 58 packages, changed 83 packages, and audited 1931 packages in 41s 103 packages are looking for funding run `npm fund` for details 75 vulnerabilities (13 low, 16 moderate, 42 high, 4 critical) To address issues that do not require attention, run: npm audit fix To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details.
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 => ua-cam.com/video/m2fFde492Ew/v-deo.html.
*Please don’t forget to Subscribe the channel* ua-cam.com/users/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
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
Gracias!!! Te escribo en español para que sepas que hiciste un video completamente universal!! y entendible... Thx master!
Thanks a lot for such efficient effort. I am learning react, redux and db management. your vedio is to the point.
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?
A great use case of Redux, nice work 👍
getting CORS issues while taking ${id} followed by url i.e in products/id page not getting the image and titles , any suggestions
Thank you for this wonderful tutorial on Redux. God bless your efforts.
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 UA-cam videos are fake.
@@thyagarajn616 it looks like that. But there are a lot of good UA-camrs 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 UA-cam is a shortcut and when you encounter with such a non-responsible UA-camr, you know you made a mistake. Anyway I hope the UA-camr 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.
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
Super helpful 👍...would like to watch more n more useful videos like this from ur channel..
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
40:08 is there a property called “qty” in the data? Or where did you define it?
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
In this export switch is not found in react -router-dom??
excuse me but when you use rfc to generate basic code form, what commande do you touch?
Source code: github.com/Muhammad-Feroz/React-Ecommerce-App
Could you please explain how handle button function in card component works?
i want to cart component please
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?
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
Amazing video, very helpful 👏
i want to cart component please
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.
Can u get the database connection for this using express or any other backend
Good job bro, but if you add search box in navbar and using search filter method then this tutorial is best on youtube...
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
on the terminal it says compiled successfully but, on the browser, a blank white screen.
this video is redux with react ? redux with reduct toolkit ? please tell me.
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
bro I am facing problem cart.jsx can you please share the full code of it.
hello man and thank for amazing video .
can you please put the source code ?
i want to cart component please
@@ibrahimsharawy7544 yes me too
What about the cart component? none of the options passed in comments have worked
How do l change api to be able to upload my own products and customize the site for my business?
If i follow this total process......will this web site will responsive??
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
hi, i am getting filter is not defined error, i was hoping if you could help me
Sir, it doesn't have an admin user for the admin to make some edits.....Can you make for us please????
Please sir clear my dout....is this process is responsive or not?????
Hello sir can i use this codes and total process......will these works or not?? Please sir respond
Thanks for this amazing video! Are we allowed to use this project in our portfolios?
thank you, the tutorial is very good, follow the tutorial and I will develop it again for an assignment at university, teach json please
but what about final price that should pay??
where is qty comes from in handleCart reducer function??
One request brother, please make a video about useState and useEffect in a project and with explain
Noted! 😊
Great video, straight to the point.
Can I get the git repo link?
Can you get GitHub repo?
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😔
would have been better if you could have attached the github link for this project.
Why the first product added twice , you click just for once. I am facing the same problem , anyone who can help me out
thanks bro you saved my live
How ?
@@rakeshuthapa207 :)
Can you give the source code?
great video! thank you
amazing bro... But little explanation is necessary. but a really great effort...
Bro is there any supporters for react js
Did you complete the deployement of the above project, if yes then can we get the link...
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
bro how u can run your program? tell the commands
I'm coding along and am having an issue with the return statement componentMounted = false around line 20 in products component. its giving me the error " 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." If anyone else caught that and have the solution pls lmk.
check your code again bro, i'm having no issue following this part
Same bro getting same error what is the reason 🤔
Yep same error did u get any solution of this error
Same problem facing ,and as a result show component is not showing in my page ,,, please any solution?
same
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
hello i tried but don't solve this error plzzz help VM84:1
Uncaught (in promise) SyntaxError: Unexpected end of JSON input
at getProduct (product.jsx)
Pls help me to get image in card.. Because Just image name and data is showing in my card...
thanks so much. best practise bro
Always welcome
love u man
Thank you for this amazing Video, I can`t show the handle button funtion to...pleas explain or complete this mission please...thanks
Thanks for the tuto can we fine the source code on git????
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?
mam my products id not fetched
its says unable to read thst json file
video cut at the cart component section is there anyone who has source code for that?
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
Video is half at 47:36 video is cut and don't get remaining code in cart.js.. Please provide remaining video or code..
Im subscribe bro 👍
This video is awesome. But you have not explain the Cart.js component clearly in the last two minutes. That was not good
Can you explain the cart.jsx ? isn´t the code.... Thnkz
thank you, good job, and can you make a video for interview on js and react
bro where to get this bg photo can u send link
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
Please let me know how to resolve this:
D:reactproj\emart>npm i bootstrap
npm WARN deprecated uglify-es@3.3.9: support for ECMAScript is superseded by `uglify-js` as of v3.13.0
added 109 packages, removed 58 packages, changed 83 packages, and audited 1931 packages in 41s
103 packages are looking for funding
run `npm fund` for details
75 vulnerabilities (13 low, 16 moderate, 42 high, 4 critical)
To address issues that do not require attention, run:
npm audit fix
To address all issues (including breaking changes), run:
npm audit fix --force
Run `npm audit` for details.
amazing thanks a lot
Thank you for this amazing Video, please explain how handle button function work in Cart
I also need that
State.length not working
can i see the top of the cart.jsx file? or if someone have that code...
can anyone please help for this issue, data not displaying after async fetch
Great❤
very very good job😍❤
I am not getting create card component code in this video plz check or share github code for this project
thank for amazing video..
I am doing this project. But got stuck in some points. can you send me the whole source code please ?
man how did the products just come like that from products.image @18:00 min
When I am writing this. Switch code
Switch is not imported error show ho rha hai
When I using .. routes it's totally blank page showing
Switch was used in older verion now use route.
Where is the background image broo
i don't know about the new version reducer/store.js the code isn't work it . teach me ps it doesn't work
Is the app responsive? I don't see it mentioned anywhere
Can someone tell me how to making the cart.js page to be displayed and working
I just need the source code
will u check the end part of the video it stuck ..
cart component doesn't show in the video
im followed u r video but where is total price??
How can i create admin panel to this project
Nice video. but end of video cart.jsx code is not visible
In 32:01 min why did he do {product.rating && product.rating.rate}
why you cut the most important part (Cart)
Hello brother .. it's giving me can't resolve
Redux/store error