1:38:20 Issue: Fixing React Router This is what your App.js will need to look like in order to stay current w/ REACT changes since this tutorial released :) import React from 'react'; import './App.css'; import HomeScreen from './HomeScreen'; import { BrowserRouter, Routes, Route } from "react-router-dom"; function App() { return (
@@squadishgaming6607 if you manage to get Stripe payment system working later in the tutorial you’ll have to let me know! Sonny writes the code for it in Firestore version 8 but currently we are in version 9 modular. I’ve had no luck on stack overflow finding someone that knows how to refactor from version 8 to 9. So that’s where I’ve been stuck for awhile now. Good luck to you tho let me know how it goes for ya!
completed the project overall good project updates: 1- instead of useHistory which is disbanded useNavigate is useful 2- firebase now has all functions of auth as separate functions(read docs) 3-lastly delete all file and folders except counterSlice and some minor tweaks here and there.😁
@@zishanpathan9966 i am also in my learning and building phase so i understand btw if its okay with you then we can make some project together to add team work in our resume
So... I tried going back to the todo_list app tutorial with clever programmer from 2020 to which i watched every stream back then but haven't been able to code since then coz of school and stuff. Now I'm trying to build the app and I've run into the most problems i ever encountered in my life, particularly with firestore and getting my app to work generally. i really hope this helps me. keep up the good work man.
Great job on this, but as far as UI goes, it'd be great to actually have a working framework that lets us search the movies and play them. Any video coming up on that?
2:43:35 useHistory() is replaced with useNavigate() replace 1. const history = useHistory() with const navigate = useNavigate() 2. history.push('/profile') with navigate("/profile")
people like you are the reasons that force me no to quit programming. So many stuffs to learn in this one particular video. Thank you for your hard work. Cheers..
Hey, as of now only 2 things have been updated from the time this video was posted. One is Router Dom is updated. But that part is easy , just go through the docs. Firebase authentication and database queries have changed, you will need to redo that part. Overall, if you push enough, you will do it.
Ahhh! Took me 2 weeks to follow the tutorial... faced a LOT of issue with the firebase code.... especially with the nested documents... the code in the video is not according to v9 firebase sdk.... Also, it would have been nice to handle the jerks introduced due to useEffects and there was no handling of the active firebase listeners too... Otherwise great tutorial... learnt a lot... (y)
hey bro!! can u pls help me out!! I am not able to find the store.js and other files in the src folder for redux and I don't understand how to proceed?
I'm getting this error at 2:39:48 can Uncaught TypeError: Cannot read properties of undefined (reading 'user') but my codes are the same as Sonny . I have asked the question at Overstack but no help at all what can I do? or who is willing to help me? all imports have in my code.
I'm having the same problem. EDIT: Umm I noticed the name of the state object was still counter in the Redux devtools, so I changed the line in userSlice.js to "export const selectUser = (state) => state.counter.user;" (instead of export const selectUser = (state) => state.user.user;). Maybe try that, I can't figure out why it's still called counter though.
Even more of an edit, go to your store.js. It may say 'counter: userReducer' in reducer object, change 'counter' to 'user'. That was the problem/difference in code for me, hope this helps! Let me know, I'm a super beginner so I could just be talking shit.
Thanksssss!!! one question, useHistory is deprecated? doesn't work to me... I do click, navigation bar change but the page stay at HomeScreen... So, should I update react-router-dom v6 ???? Helppp!!!!!
@@madhavbathla Stripe offers pay-as-you-go pricing, based on payments you process. There are no setup fees, monthly fees, or hidden fees. So it will generally depend on the services you intend to use.
sonny, i am from bangladesh. i almost finish the project but having problem with the blaze plan. stripe doesn't support in my country. can i use bangladeshi credit card in test mood?
Hello Guys can someone please help me I deploy my app on Firebase but when I click on url it shows only firebase hosting setup complete not the website is showing
Great tutorial m8, i have a problem going into the HomeScreen after using the selectUser with dispatch and redux... it doesn't do anything, it stays in the 'LoginScreen'
Thats probably because, in userSlice.js you are exporting selectUser with return statement state.user.value which is wrong and it should be state.user.user I was getting the same error and this helped me fix it.
Also would love to see what the backend might look like built out with python/flask. I really struggle with understanding backend and all the considerations surrounding models and relationships... routes. @@SonnySangha
I would suggest to only include functions calls inside useEffect(), and the functions definition all grouped outside the useEffect() section... it looks more legible to me I mean, const myfunction = () =>{ /*do something ... ... ... */ }; useEffect(()=>{ myfunction(); },[]);
Hi Sonny, I CAN'T import firebase auth for some reason, this has to do with WEBPACK, as my computer is new and not configured webpack with react, HOW to solve this pro?
a little help would be great!! I 'm facing issue with running the stripe extension on the payments page as the console shoes insufficient permissions despite checking and changing the rules multiple times.Pls Help!!
Anyone else get stuck at 11:50 with a "Failed to compile" error? I'm getting the same error shown in the video, then there's a cut and Sonny says "we're going to go ahead and get rid of that and then it says compiled successfully". What did he get rid of?
I haven't watched past the first 3 minutes myself but looking at your timestamp, I think the error is the following: at 11:18 he moves a file to a different location. The compile error is because the path to the file wasn't updated in store.js Fixing that by providing the correct path to the moved counterSlice file should resolve the error
Actually yes , and I solved it using these steps : 1- " yarn add react-is" if you using npm then write : "npm install react-is" 2- rm node_modules 3- npm install then yarn start OR npm start
It's the redux code, you have to can edit those till your app works then continue, at some point he modifies the files there so you can see all the code of the files that's not needed
![YoungBoy Never Broke Again - Catch Me [Official Video]](http://i.ytimg.com/vi/KxwEXXFQMTY/mqdefault.jpg)
📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university
sorted but i now have a line in the middle of the navbar the gradient maybe? anyway will keep you posted.regards
can you share the source code link of this project Netflix 2.0?
You are a living legend bro. I've just completed the build... No words to thank you for all this awesome content and energy.
is this tutorial beginner friendly for a guy who knows basic react, cause he's going through redux and all which i have no idea of
Bro…. Can you provide me your GitHub link please. I need some help. Thanks.
1:38:20 Issue: Fixing React Router
This is what your App.js will need to look like in order to stay current w/ REACT changes since this tutorial released :)
import React from 'react';
import './App.css';
import HomeScreen from './HomeScreen';
import { BrowserRouter, Routes, Route } from "react-router-dom";
function App() {
return (
);
}
export default App;
thanks a lot for helping out with this issue!!
thanks alot man, I got stuck here and spent more than 15 minutes but didn't understand the solution from stack overflow
@@squadishgaming6607 if you manage to get Stripe payment system working later in the tutorial you’ll have to let me know! Sonny writes the code for it in Firestore version 8 but currently we are in version 9 modular. I’ve had no luck on stack overflow finding someone that knows how to refactor from version 8 to 9. So that’s where I’ve been stuck for awhile now. Good luck to you tho let me know how it goes for ya!
thanks bro
Thanks a lot man
Alot of the stuff taught here is what i have seen in real world projects as a junior programmer. By far the best tutorial
completed the project overall good project
updates:
1- instead of useHistory which is disbanded useNavigate is useful
2- firebase now has all functions of auth as separate functions(read docs)
3-lastly delete all file and folders except counterSlice and some minor tweaks here and there.😁
I have learned react only can I build this project or first should I learn all other technologies used in the project
@@zishanpathan9966 react is fine just make it
@@avi91971 Okey, thank you for your reply.🤝
@@zishanpathan9966 i am also in my learning and building phase so i understand btw if its okay with you then we can make some project together to add team work in our resume
You did not encounter a problem when we did deploy, it shows the page for me
by default when I click on a project link....
Please try to share those Large Codes you just copy-paste. Example API Requests and CSS.
const requests = {
fetchTrending: `/trending/all/week?api_key=${API_KEY}&language=en-US`,
fetchNetflixOriginals: `/discover/tv?api_key=${API_KEY}&with_networks=213`,
fetchComedyMovies: `/discover/movie?api_key=${API_KEY}&with_genres=35`,
fetchHorrorMovies: `/discover/movie?api_key=${API_KEY}&with_genres=27`,
fetchRomanceMovies: `/discover/movie?api_key=${API_KEY}&with_genres=10749`,
fetchDocumentaries: `/discover/movie?api_key=${API_KEY}&with_genres=99`,
}; there you go
no one has build an recommendation system till now hope to see in this section 🔥
bro that's ml, we don't do it here
@@Adarsh-mn7pl yes off course that's ML part but we do have content based filtering recommend system without ML I have done it in Laravel
So... I tried going back to the todo_list app tutorial with clever programmer from 2020 to which i watched every stream back then but haven't been able to code since then coz of school and stuff. Now I'm trying to build the app and I've run into the most problems i ever encountered in my life, particularly with firestore and getting my app to work generally. i really hope this helps me. keep up the good work man.
This man, a genius indeed, good to have you here!
Can you please share me the code you have done?
Awesome the only one who shares the next level stuff on youtube! many thanks 🎉
Another fantastic build! Thank you Sonny 🔥
can you tell me how much the stripe extension charge monthly??
Can you please share me the code you have done?
@@mr.rambaviskar shame on you, code your own
Great job on this, but as far as UI goes, it'd be great to actually have a working framework that lets us search the movies and play them. Any video coming up on that?
Was looking for something like this for soo long!! Thank you so much, made my day
Can you please share me the code you have done?
It will be one hell of a BUILD 🔥🔥🔥🔥
Can you please share me the code you have done?
In the earlier video the auth part was not working hope you will fix this
2:43:35
useHistory() is replaced with useNavigate()
replace
1. const history = useHistory() with
const navigate = useNavigate()
2. history.push('/profile') with
navigate("/profile")
thanks
onClick function is not working there!! Help please..
1:00:00 remember to import from "./axios" not ''axios''
Bro after this my console give error every time
I try from every side but axios issued is arrived I can't move further help me
thnks a lot bro stuck for days
oya oya .... we killing it again... react master is dropping new stuff. stay tuned
i've been looking for a tutorial to make a netflix clone, and yours is the best. Thanks!. Cheers from Argentina
It was excellent tutorial keep going like this
is this tutorial beginner friendly for a guy who knows basic react, cause he's going through redux and all which i have no idea of
people like you are the reasons that force me no to quit programming. So many stuffs to learn in this one particular video. Thank you for your hard work. Cheers..
Can a beginner pick up alot of useful things
have you ever tried playing professional cricket?
Thank you, Sonny. Just finished this project. Awesome content dude!!!
Hey Manpreet, congrats for completing the project,
Just wanted to ask was there any trouble you faced with the project,
Due to latest versions.
Hey, as of now only 2 things have been updated from the time this video was posted. One is Router Dom is updated. But that part is easy , just go through the docs. Firebase authentication and database queries have changed, you will need to redo that part. Overall, if you push enough, you will do it.
Hey Manpreet Congo for project completion
Can you provide me a time estimate how long it took you to complete this project for general time frame
react router is not working ... just change it to
thanks
Thanks
gratzie
thank you @nejc
Is this video suited for front end web developers??
20:00 -- Nav CSS
1:42:20
2:46:00
56:33 from where did you copy that ?
Thank for your video !!
I just want to know how to add movies and series ?
So, this was made two years ago? That's why you don't use Vite?
Really loved this one.
We ready 😍😍😍😍😍
THANK you for this awesome build up!! If you're planning to cover more projects, can we do zenly-like app?
have you completed this project
can you share your code
LESSS GOOO THANK U FOR THIS SONNY !!!!
Hey @Sonny thank you for the project.
How did you get the horizontal(left-right) scroll functionality to the rows? Did I miss anything?
To get the horizontal(left-right) scroll functionality to the rows hold the shift key + scroll.
@@aayushkujur392 I thought he is using hover + mouse roller/scroll.
Thank you
Can't it be a 5 day challenge Sonny Sir?? Its been a long time since we had one🥺🥺
Ahhh! Took me 2 weeks to follow the tutorial... faced a LOT of issue with the firebase code.... especially with the nested documents... the code in the video is not according to v9 firebase sdk....
Also, it would have been nice to handle the jerks introduced due to useEffects and there was no handling of the active firebase listeners too...
Otherwise great tutorial... learnt a lot... (y)
hey bro!! can u pls help me out!!
I am not able to find the store.js and other files in the src folder for redux and I don't understand how to proceed?
Same
Finally had to downgrade my Firebase version to follow along
@@srijan6563 bro you can copy @deniz Orsel answer in the comment section that worked for me
@Shivam Athiya ok, I will try!!
can you tell what to write in useeffect for fetching pructs acc to firebase v9
My overflow-X : scroll. Is not working. Any idea anyone?
In the first part of your video are you using the Command Promp to build the Netflix App?
Is there any difference between the previous Netflix build and this one?
Amazing Sonny. Really appreciate your efforts.
Can you please share me the code you have done?
An amazing project with a amazing teacher 🤯💥👏
01:39:16
import {Route, BrowserRouter as Router, Routes} from 'react-router-dom';
** small fix: ends with , Also shoud be and not Routes **
It's about to go down
Old video updated yesterday?
React router 5...
Brilliant tutorial, thanks Sonny!
Can you please share me the code you have done?
You're a legend bro
Say BOOM! another great live!
please sonny why don't you do segment?
i am getting a error with the tag in the row.js, the npm doesnt render the images and the code is clean ;-;
me too! how to get rid of it?
Hi, How do you know gener=27 is related to Horror movies and so on, I didn't find it in the tmdb documentation. Thank you
I'm getting this error at 2:39:48 can Uncaught TypeError: Cannot read properties of undefined (reading 'user') but my codes are the same as Sonny . I have asked the question at Overstack but no help at all what can I do? or who is willing to help me? all imports have in my code.
I'm having the same problem. EDIT: Umm I noticed the name of the state object was still counter in the Redux devtools, so I changed the line in userSlice.js to "export const selectUser = (state) => state.counter.user;" (instead of export const selectUser = (state) => state.user.user;). Maybe try that, I can't figure out why it's still called counter though.
Even more of an edit, go to your store.js. It may say 'counter: userReducer' in reducer object, change 'counter' to 'user'. That was the problem/difference in code for me, hope this helps! Let me know, I'm a super beginner so I could just be talking shit.
Holy shit this helped me man thank you so much@@morkfin
Thanksssss!!! one question, useHistory is deprecated? doesn't work to me... I do click, navigation bar change but the page stay at HomeScreen... So, should I update react-router-dom v6 ???? Helppp!!!!!
U r just too gifted i am eva inspired by u
Just wondering how to add multiple account features like in netflix?
When are you creating Humanpal clone??
Thanks Sonny
Is it beginner friendly means I know very little react so can I able to understand this coarse?
Sunny bro please use all new firebase & router.
Thanks so much for your tuto !
what does the video seem to jump...you suddenly have store app and configure store app
Hi, how to make multi services, like Amazon prime, netflix,hulu,Disney
My mannnnnnnnnnnn. Thank you for all these tuts man. I am loving your content bruv. Keep up the good work.
Brother can you tell me how much the stripe extension charge monthly
@@madhavbathla Stripe offers pay-as-you-go pricing, based on payments you process. There are no setup fees, monthly fees, or hidden fees. So it will generally depend on the services you intend to use.
Can you please share me the code you have done?
thank you very much I really appreciate you.
sonny, i am from bangladesh. i almost finish the project but having problem with the blaze plan. stripe doesn't support in my country. can i use bangladeshi credit card in test mood?
❤ from oman sonny.. your builds are really amazing
Can you please share me the code you have done?
4:01:24 why does the payment says February 2021? 🤔
@@abacuswithrehan264 wait this whole thing is an old video or just that part? sorry havent watched it yet
2:39 cant login, can you please help?
Hello Guys can someone please help me I deploy my app on Firebase but when I click on url it shows only firebase hosting setup complete not the website is showing
Great tutorial m8,
i have a problem going into the HomeScreen after using the selectUser with dispatch and redux... it doesn't do anything, it stays in the 'LoginScreen'
Thats probably because, in userSlice.js you are exporting selectUser with return statement state.user.value which is wrong and it should be state.user.user
I was getting the same error and this helped me fix it.
@@xtechilad Thank you very much m8,
i'm rather new to react & javascript in general...so it really helped
@@tomerhertz8502 Thats great. Glad it helped you
@@xtechilad Bhai I did what you told still my webpage is blank. What to do?
@@xtechilad I'm having this problem in app.js
Good stuff sonny
You have also a playlist of netlix clone.
Can anybody please tell which one should i follow
Why can't you show us how to build a complete application end to end. For the beginners like me it would be an absolutely helpful
Im trying my best but thanks for the feedback!
Also would love to see what the backend might look like built out with python/flask. I really struggle with understanding backend and all the considerations surrounding models and relationships... routes. @@SonnySangha
I am having an issue with the isCurrentPackage thing, when I did console log, the output was false whereas it should be true.
Am having an issue. When I try to console.log(movie) on my console I keep getting an error that say Uncaught (in promise)
I could not to pay to purchase installing the exstision stripe , Is there something else to do instead this guys ??
Hi Sonny, why it does not show premium package as my package when subscribed ?
thank you my dude
Sonny i have a question bro where ?? do i get tailwind all icons pack.
where we find that const request snippet code in TMDB
I am unable to fetch the anything i am getting object of movie in the console but i am not able to fetch the data to show on the screen at 1:03:07
I am getting the same error did you resolve this issue..?
yeah bro i resolved it
@@leoved1073
how did you resolved it bro,can you please explain
@@mananarora6448
how did you solved the issue?
Can we play videos in this Netflix app??
Can anyone share the code for the final project?
I am facing some issues and can't figure out what's wrong, please help ASAP.
Thank you.
I would suggest to only include functions calls inside useEffect(), and the functions definition all grouped outside the useEffect() section... it looks more legible to me
I mean,
const myfunction = () =>{
/*do something
...
...
...
*/
};
useEffect(()=>{
myfunction();
},[]);
is this course beginners friendly?
Hi Sonny, I CAN'T import firebase auth for some reason, this has to do with WEBPACK, as my computer is new and not configured webpack with react, HOW to solve this pro?
Hi bro how did you solve the problem , facing the same problem
How much does blaze plan charge in Firebase? Does it depends upon the usage?
Can we play videos in this app?
CORS policy error
Aby body can tell me why I'm not be able to move on the profilescreen page
login__gradient doesn't have css property position but css property z-index still effect it, can you explain to me???
Help i have an error maping throw the movies array!
Where's the back end??
a little help would be great!! I 'm facing issue with running the stripe extension on the payments page as the console shoes insufficient permissions despite checking and changing the rules multiple times.Pls Help!!
Im having the same issue now, did you ever find your problem?
@tylercurtis9172 ya, I found out that there 's an issue with the stripe server and then my antivirus security policies,eventually corrected them!!
does this tutorial include playing movie trailer?
noo
For using firebase we have to pay na
pls can anyone help me out!!
I am not able to find the store.js and other files in the src folder for redux and I dont't understand how to proceed?
no tailwind?
how to run that loginscreen page
Very nice, thank you
can you tell me how much the stripe extension charge monthly??
@@madhavbathla its free
keep energy up 👍👍👍
how the the payment gateway with stripe(blaze plan) will cost to me ?? I am a beginner and building clone for college project.
help please..
Hotstar also
Anyone else get stuck at 11:50 with a "Failed to compile" error? I'm getting the same error shown in the video, then there's a cut and Sonny says "we're going to go ahead and get rid of that and then it says compiled successfully". What did he get rid of?
I haven't watched past the first 3 minutes myself but looking at your timestamp, I think the error is the following:
at 11:18 he moves a file to a different location. The compile error is because the path to the file wasn't updated in store.js
Fixing that by providing the correct path to the moved counterSlice file should resolve the error
Actually yes , and I solved it using these steps :
1- " yarn add react-is" if you using npm then write : "npm install react-is"
2- rm node_modules
3- npm install
then yarn start OR npm start
It's the redux code, you have to can edit those till your app works then continue, at some point he modifies the files there so you can see all the code of the files that's not needed
@@mr.code_7936 thanks for saving my precious time i almost wasted 3hrs why it is happening. Thank you very much