• Урок 1. 00:04:55
    0. VSCode Setup for React (Optional)
  • Урок 2. 00:01:03
    1. Tools you need
  • Урок 3. 00:04:20
    2. Creating our React project
  • Урок 4. 00:09:55
    3. What is Firebase? Setting up Firebase
  • Урок 5. 00:06:37
    4. User authentication with Google Login
  • Урок 6. 00:08:54
    5. Fetch current user with useAuthState hook
  • Урок 7. 00:09:50
    6. Creating custom hook useAuthUser
  • Урок 8. 00:06:27
    7. Building Sidebar component
  • Урок 9. 00:06:41
    8. Adding routing with react-router-dom
  • Урок 10. 00:02:42
    9. Filling out Sidebar component
  • Урок 11. 00:12:05
    10. Creating Sidebar menu
  • Урок 12. 00:03:47
    11. Adding new public rooms
  • Урок 13. 00:09:08
    12. Fetching all rooms with useRooms
  • Урок 14. 00:09:28
    13. Displaying rooms in SidebarList
  • Урок 15. 00:05:50
    14. Fetching users with useUsers
  • Урок 16. 00:04:55
    15. Fetching all chats with useChats
  • Урок 17. 00:07:00
    16. Searching for users and rooms
  • Урок 18. 00:07:04
    17. Getting room data with useRoom
  • Урок 19. 00:08:57
    18. Build Chat component
  • Урок 20. 00:06:31
    19. Preview image to upload
  • Урок 21. 00:06:49
    20. Creating ChatFooter component
  • Урок 22. 00:16:09
    21. Sending text and image messages
  • Урок 23. 00:08:14
    22. Fetch chat messages with useChatMessages hook
  • Урок 24. 00:13:39
    23. Recording audio with JavaScript
  • Урок 25. 00:07:43
    24. Displaying the time recorded
  • Урок 26. 00:02:30
    25. Stopping audio recordings
  • Урок 27. 00:07:24
    26. Uploading audio to Firebase storage
  • Урок 28. 00:02:12
    27. Manually uploading audio files
  • Урок 29. 00:06:34
    28. Building AudioPlayer component
  • Урок 30. 00:07:39
    29. Loading audio files in AudioPlayer
  • Урок 31. 00:08:01
    30. Playing and pausing audio files
  • Урок 32. 00:03:08
    31. Displaying delete room option
  • Урок 33. 00:07:18
    32. Deleting rooms with cascade delete
Этот материал находится в платной подписке. Оформи премиум подписку и смотри Build WhatsApp with React, а также все другие курсы, прямо сейчас!
Премиум