Description
How to Create a YouTube Clone with React is a 10-step tutorial on how to create a YouTube clone using React. During this course, we will learn how to build powerful web applications using React and Node along with a number of essential technologies.
What you will learn in the How to Create a YouTube Clone with React course:
- Data modeling and building our database
- Build authentication, video and user channels
- Protect authentication channels using middleware
- Create React User Pages
- Add user authentication using Google OAuth
- Easy data retrieval using React Query
- Download and play user videos
- Protect Auth commands using a dedicated hook
- Change user data channel
- Publish your app to the web
Course details:
Publisher: Reed Barger
Instructor: reed godwit
French language
Number of lessons: 67
Duration: 6 hours 29 minutes
Course Topics How to Create a YouTube Clone with React:
Final App Preview
Tools you will need
Recommended VSCode configuration
1. Get and run our project
2. Presentation of the server code
3. Create a Postgres database
4. Manage data directly with Prisma Studio
5. Create a test route and a controller
6. Create a Google Login Endpoint
7. Get current user endpoint with me
8. Logout by deleting our cookie
9. Get recommended videos
10. Create a utility function to get video views
11. Get trending videos by number of views
12. Search Videos by Title or Description
13. Create new videos, connect them to the user
14. Add comments to videos
15. Remove comments from videos
16. Add Video Views
17. Toggle like and dislike videos
18. Get video by ID
19. Delete videos and all relationships
20. Get user liked videos
21. Get User Video History
22. Subscribe to User Channels
23. Get User Subscription Feed
24. Search users by username
25. Recommend channels to new users
26. Get User Profile
27. Edit Current User Profile
28. Improve Me Endpoint
29. React App Overview
30. Add Global Styles to React Application
31. Create Client Routes
32. Add Navigation Links to Navigation Bars
33. Toggle Navigation Bar with Custom Hook
34. Add login with Google OAuth
35. Share user state with useAuth
36. Log out user from React
37. Retrieve data efficiently with react-query
38. Get recommended videos on the homepage
39. Create Video Card Component
40. Manage Cloudinary Video Upload
41. Add comments with snackbar
42. Create Video Upload Modal
43. Post downloaded video
44. Create a Watch Video Page
45. Show video comments
46. Show the following videos
47. Like and dislike videos
48. Subscribe and unsubscribe to channels
49. Add comments to videos
50. Protect the authentication action with a custom hook
51. Search users and videos
52. Create a trending videos page
53. Create a Subscriptions Page
54. Create a History Page
55. Create a liked videos page
56. Create a library page
57. Create a channel and my videos pages
58. Style Channel Page
59. Edit user profile
60. Delete comment from comment list
61. Delete video from our channel
62. Optimizing performance with React
63 Handle Application Errors with Error Boundaries
64. Deploy to the Web with Heroku
Course prerequisites
Node installed on your computer. You can download Node from nodejs.org. Building a React app requires a Node version of at least 10.
A package manager called npm. It is automatically included in your installation of Node. You must have an npm version of at least 5.2.
A good code editor to work with our project files. I highly recommend using the Visual Studio code editor. You can grab it from code.visualstudio.com.
Pictures
How to create a YouTube clone with React Final Product Preview:
Installation guide
After ripping, watch with your favorite player.
No subtitle
Quality: 1046p
Download link
File password(s): ngaur.com
Cut
1.3 GB