React - How To Build A Google Drive Clone With Firebase

Discover React Mastery: From Essential Concepts to Advanced Hooks, Master React Development with Real-World Projects and Boost Your Skills in Record Time!

4.0 (0)

12 learners

What you'll learn

Understand the fundamental concepts of React, including components and hooks.
Differentiate between React state and props and their respective uses.
Build and enhance web applications using React, including implementing features like infinite scrolling and currency conversion.
Apply React best practices to optimize application performance and debugging processes.

This course includes

43.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

webdevsimplified google drive clone react firebase google drive firebase firebase react react js firebase firebase tutorial firebase js tutorial react js tutorial react hooks react project firebase project

Full Transcript

This is a massive video. We cover everything you need to know about Firebase to create any app you can dream of. This includes, authentication, file storage, database storage, and so much more. This video has it all. 📚 Materials/References: Starting GitHub Code: https://github.com/WebDevSimplified/React-Firebase-Auth Final GitHub Code: https://github.com/WebDevSimplified/firebase-google-drive-clone React Firebase Auth Tutorial: https://youtu.be/PKwu15ldZ7k useReducer Tutorial: https://youtu.be/kK_Wqx3RnHk React Portal Tutorial: https://youtu.be/LyLa7dU5tp8 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00:00 - Introduction 00:00:36 - Demo 00:03:45 - Modifying Existing Code 00:09:34 - Navbar 00:13:42 - Adding Folders 00:29:06 - useFolder Hook 00:52:16 - Folder View 00:57:10 - Breadcrumbs 01:12:33 - Firebase Rules 01:17:49 - Add File Button 01:33:02 - File View 01:35:13 - Upload Progress Component 01:45:51 - Handling Duplicates #React #WDS #Firebase

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Welcome