explanation
How To Build a YouTube Clone with React is a 10-step tutorial on creating a YouTube clone using React. In this course, you will learn how to build powerful web applications using React and Node, along with a variety of essential technologies.
Here’s what you’ll learn in the How to Create a YouTube Clone with React course:
- Data modeling and database construction
- Authentication, video and user channel building
- Securing authentication channels using middleware
- Building a React user page
- Add user authentication using Google OAuth
- Easy data search using React Query
- Upload and play user videos
- Secure authentication commands using dedicated hooks
- Change user data channel
- Publish your app to the web
Course details:
Publisher: Reed Barger
teacher: lead barger
Language:English
Number of courses: 67
Duration: 6 hours 29 minutes
Course topics: How to build a YouTube clone using React:
Final app preview
tools needed
Recommended VSCode Settings
1. Download and run the project.
2. Server code overview
3. Create Postgres database
4. Manage your data directly with Prisma Studio
5. Create test path and controller
6. Create a Google Sign-in endpoint
7. Get current user with me endpoint
8. Delete cookies and log out
9. Get recommended videos
10. Create a video views utility function
11. Receive popular videos by number of views
12. Search videos by title or description
13. Create a new video and link it to your users.
14. Add comments to videos
15. Delete comments from videos
16. Add video views
17. Switch video likes and dislikes
18. Get video by ID
19. Delete video and all relationships
20. Get videos users like
21. Import user’s video history
22. Subscribe to user channels
23. Get the user’s subscription feed
24. Search for user by username
25. Recommend channels to new users
26. Get user profile
27. Edit current user’s profile
28. Make improvements
29. React app overview
30. Add global styles to your React app
31. Create client route
32. Add navigation links to the navigation bar
33. Switch navigation bar with custom hook
34. Add login with Google OAuth
35. Share user state with useAuth
36. User logged out of React
37. Fetch data efficiently using reactive queries.
38. Get recommended videos on the homepage
39. Building video card components
40. Handle video uploads to Cloudinary
41. Add feedback to snack bar
42. Create a video upload modal
43. Post upload video
44. Create a video viewing page
45. Show video comments
46. Show next video
47. Like and dislike videos
48. Subscribe and unsubscribe to channels
49. Add comments to videos
50. Secure authentication operations with custom hooks
51. Search for users and videos
52. Create a popular video page
53. Subscription creation page
54. Create a history page
55. Create a Liked Videos Page
56. Create a library page
57. Create a channel and my video page
58. Style Channel Page
59.Edit user profile
60. Delete comment from comment list
61. Delete video from our channel
62. Performance optimization using React
63 Handling app errors using error boundaries
64. Deploy to the web with Heroku
Course Prerequisites
Node is now installed on your computer. You can download Node from nodejs.org. To create a React app, you need Node version 10 or higher.
It is a package manager called npm. It is automatically included in your Node.js installation. npm version must be 5.2 or higher.
A code editor suitable for working with project files. We recommend using the Visual Studio Code editor. You can download it from code.visualstudio.com.
movie
How to build a YouTube clone using React final product preview:
installation manual
After extracting, watch with your favorite players.
no subtitles
Quality: 1046p
download link
File password: free download software
size
1.3GB