Udemy - Build a Slack Chat App with React, Redux, and Firebase

seeders: 0
leechers: 0
Added 5 years ago by tutsnode in Other

Download Fast Safe Anonymous
movies, software, shows...

Files

Udemy - Build a Slack Chat App with React, Redux, and Firebase (Size: 4.2 GB)
  0 0 B
  1 0 B
  001 Required Tools for the Project.en_US.srt 1.3 KB
  001 Required Tools for the Project.mp4 14.5 MB
  002 Install React _ Redux Dev Tools for Google Chrome.mp4 21.2 MB
  2 3.3 KB
  002 Install React _ Redux Dev Tools for Google Chrome.en_US.srt 2.8 KB
  003 Git Clone and Install Dependencies.en_US.srt 2.1 KB
  003 Git Clone and Install Dependencies.mp4 17.7 MB
  3 196.2 KB
  4 56.4 KB
  004 Organize Project, Create Routes.en_US.srt 4.6 KB
  004 Organize Project, Create Routes.mp4 44.7 MB
  004 Organize-Project-Create-Routes.zip 207 KB
  5 72.9 KB
  005 Setup Firebase.en_US.srt 3.7 KB
  005 Setup Firebase.mp4 42.4 MB
  006 Create Register Form.en_US.srt 6.7 KB
  006 Create Register Form.mp4 68.2 MB
  006 Create-Register-Form.zip 207.8 KB
  6 42.8 KB
  007 Register User with Email and Password.en_US.srt 7 KB
  7 196.2 KB
  007 Register User with Email and Password.mp4 71.8 MB
  007 Register-User-with-Email-and-Password.zip 208 KB
  008 Form Validation for Register Form.en_US.srt 7.8 KB
  008 Form-Validation-for-Register-Form.zip 208.4 KB
  8 42.5 KB
  008 Form Validation for Register Form.mp4 85.6 MB
  9 122.5 KB
  009 Clear Errors upon Registration, Show Loading State.en_US.srt 6.1 KB
  009 Clear Errors upon Registration, Show Loading State.mp4 58.3 MB
  009 Clear-Errors-upon-Registration-Show-Loading-State.zip 208.5 KB
  010 Add Name and Avatar to Users, Add New Users to Database.en_US.srt 7.2 KB
  010 Add Name and Avatar to Users, Add New Users to Database.mp4 83.2 MB
  010 Add-Name-and-Avatar-to-Users-Add-New-Users-to-Database.zip 208.7 KB
  10 135.7 KB
  011 Create Login Form and Functionality.en_US.srt 4.1 KB
  011 Create Login Form and Functionality.mp4 57.5 MB
  011 Create-Login-Form-and-Functionality.zip 209.7 KB
  11 96.5 KB
  012 onAuthStateChanged to Listen for Login_Register.en_US.srt 3.3 KB
  012 onAuthStateChanged to Listen for Login_Register.mp4 33.9 MB
  012 onAuthStateChanged-to-Listen-for-Login-Register.zip 209.8 KB
  12 28.7 KB
  013 Set up Redux to Make User Data Available on Global State.en_US.srt 9.8 KB
  013 Set-up-Redux-to-Make-User-Data-Available-on-Global-State.zip 212 KB
  13 158.1 KB
  013 Set up Redux to Make User Data Available on Global State.mp4 86.5 MB
  014 Add Spinner Component for Loading State.en_US.srt 3.9 KB
  14 140.9 KB
  014 Add Spinner Component for Loading State.mp4 33.9 MB
  014 Add-Spinner-Component-for-Loading-State.zip 212.3 KB
  15 65 KB
  015 Scaffold App Components.en_US.srt 3.9 KB
  015 Scaffold App Components.mp4 46 MB
  015 Scaffold-App-Components.zip 213.4 KB
  016 App Header _ UserPanel Dropdown.en_US.srt 5.6 KB
  016 App Header _ UserPanel Dropdown.mp4 67.6 MB
  016 App-Header-UserPanel-Dropdown.zip 214.2 KB
  16 45.3 KB
  017 Add Signout Functionality, Clear User Action.en_US.srt 3.9 KB
  17 115.5 KB
  017 Add Signout Functionality, Clear User Action.mp4 40.8 MB
  017 Add-Signout-Functionality-Clear-User-Action.zip 214.4 KB
  18 173.5 KB
  018 Passing Redux State via Props.en_US.srt 7 KB
  018 Passing Redux State via Props.mp4 83.5 MB
  018 Passing-Redux-State-via-Props.zip 214.5 KB
  019 Add Avatar to User Dropdown.en_US.srt 1.2 KB
  019 Add Avatar to User Dropdown.mp4 16.9 MB
  019 Add-Avatar-to-User-Dropdown.zip 214.6 KB
  19 59 KB
  20 307 B
  020 Add Channels Component.en_US.srt 3.2 KB
  020 Add Channels Component.mp4 30.4 MB
  020 Add-Channels-Component.zip 215 KB
  021 Create Modal for Adding Channels.en_US.srt 5.1 KB
  021 Create Modal for Adding Channels.mp4 66.3 MB
  021 Create-Modal-for-Adding-Channels.zip 215.4 KB
  21 921 B
  022 Create Channels Collection, Add First Channel to Database.mp4 73.4 MB
  022 Create-Channels-Collection-Add-First-Channel-to-Database.zip 215.7 KB
  22 8.4 KB
  022 Create Channels Collection, Add First Channel to Database.en_US.srt 6.1 KB
  23 29.8 KB
  023 Display Channels with child_added Listener.en_US.srt 3.4 KB
  023 Display Channels with child_added Listener.mp4 39.5 MB
  023 Display-Channels-with-child-added-Listener.zip 215.9 KB
  024 Put Channel on Global State, Add channel_reducer.en_US.srt 4.9 KB
  24 21.6 KB
  024 Put Channel on Global State, Add channel_reducer.mp4 54.5 MB
  024 Put-Channel-on-Global-State-Add-channel-reducer.zip 216.1 KB
  25 145.2 KB
  025 Set First Channel on Page Load, Show Active Channel.en_US.srt 4.5 KB
  025 Set First Channel on Page Load, Show Active Channel.mp4 49.7 MB
  025 Set-First-Channel-on-Page-Load-Show-Active-Channel.zip 216.3 KB
  026 Remove Listeners with componentWillUnmount.en_US.srt 1.1 KB
  26 195.2 KB
  026 Remove Listeners with componentWillUnmount.mp4 10 MB
  026 Remove-Listeners-with-componentWillUnmount.zip 216.3 KB
  27 178.7 KB
  027 Scaffold ColorPanel _ Message Components.en_US.srt 7.4 KB
  027 Scaffold ColorPanel _ Message Components.mp4 93 MB
  027 Scaffold-ColorPanel-Message-Components.zip 217.7 KB
  28 199.9 KB
  028 Create Messages Collection, Add First Message to Database.en_US.srt 10.6 KB
  028 Create Messages Collection, Add First Message to Database.mp4 132.2 MB
  29 40.7 KB
  029 Controlled Input to Clear Message, Disable Button on Loading State.en_US.srt 1.3 KB
  029 Controlled Input to Clear Message, Disable Button on Loading State.mp4 13.1 MB
  029 Controlled-Input-to-Clear-Message-Disable-Button-on-Loading-State.zip 218.4 KB
  030 Display Messages, Create Message Component.en_US.srt 7.6 KB
  030 Display Messages, Create Message Component.mp4 88.5 MB
  030 Display-Messages-Create-Message-Component.zip 219.2 KB
  30 59.3 KB
  031 Create File Modal to Upload File.en_US.srt 4.2 KB
  031 Create File Modal to Upload File.mp4 62.3 MB
  031 Create-FileModal-to-Upload-File.zip 219.8 KB
  31 156.9 KB
  032 Put Media File in State, Add Mimetype Validation.mp4 66.8 MB
  32 717 KB
  032 Put Media File in State, Add Mimetype Validation.en_US.srt 5.6 KB
  032 Put-Media-File-in-State-Add-Mimetype-Validation.zip 220.1 KB
  033 Upload Image File, Post Image Message.mp4 114.7 MB
  33 709.8 KB
  033 Upload Image File, Post Image Message.en_US.srt 8.6 KB
  033 Upload-Image-File-Post-Image-Message.zip 220.7 KB
  34 562.5 KB
  034 ProgressBar Component to Represent Image Upload.en_US.srt 3.5 KB
  034 ProgressBar Component to Represent Image Upload.mp4 46.2 MB
  034 ProgressBar-Component-to-Represent-Image-Upload.zip 221.1 KB
  035 Options for Displaying ProgressBar.en_US.srt 3.9 KB
  035 Options for Displaying ProgressBar.mp4 47.3 MB
  035 Options-for-Displaying-ProgressBar.zip 221.1 KB
  35 322.1 KB
  36 383.3 KB
  036 Add Channel Title _ Users Count to Messages Header.en_US.srt 5.7 KB
  036 Add Channel Title _ Users Count to Messages Header.mp4 67.2 MB
  036 Add-Channel-TItle-Users-Count-to-Messages-Header.zip 221.4 KB
  37 327 KB
  037 Add Ability to Search Messages.en_US.srt 7.6 KB
  037 Add Ability to Search Messages.mp4 98.4 MB
  037 Add-Ability-to-Search-Messages.zip 221.7 KB
  038 Create DirectMessages Component.en_US.srt 2.6 KB
  038 Create DirectMessages Component.mp4 35.4 MB
  38 472.9 KB
  038 Create-DirectMessages-Component.zip 223.1 KB
  39 619.2 KB
  039 Add Users to DirectMessages Component, Show If Online_Offline.en_US.srt 7.8 KB
  039 Add Users to DirectMessages Component, Show If Online_Offline.mp4 105.8 MB
  039 Add-Users-to-DirectMessages-Component-Show-If-Online-Offline.zip 222.8 KB
  040 Put DirectMessage Channel Data in Global State, Set as Private Channels.en_US.srt 4.8 KB
  040 Put DirectMessage Channel Data in Global State, Set as Private Channels.mp4 69 MB
  40 652 KB
  040 Put-DirectMessage-Channel-Data-in-Global-State-Set-as-Private-Channels.zip 223 KB
  041 Functionality to Add Messages _ Images to Private Channels.en_US.srt 7.1 KB
  041 Functionality to Add Messages _ Images to Private Channels.mp4 93.4 MB
  041 Functionality-to-Add-Messages-Images-to-Private-Channels.zip 223.2 KB
  41 57.5 KB
  042 Display Active DirectMessage Channel.en_US.srt 1.4 KB
  042 Display Active DirectMessage Channel.mp4 19.9 MB
  042 Display-Active-DirectMessage-Channel.zip 223.3 KB
  42 328.9 KB
  043 Add Notifications to Public Channel.en_US.srt 10.5 KB
  043 Add Notifications to Public Channel.mp4 114.3 MB
  043 Add-Notifications-to-Public-Channels.zip 223.7 KB
  43 546.3 KB
  44 704.4 KB
  044 Add Starred Component to Hold Starred (Favorited) Channels.en_US.srt 3.6 KB
  044 Add Starred Component to Hold Starred (Favorited) Channels.mp4 51.4 MB
  044 Add-Starred-Component-to-Hold-Starred-Favorited-Channels.zip 224.5 KB
  45 574 KB
  045 Update 'Starred' Property for User Data Upon Starring Channel.en_US.srt 9.2 KB
  045 Update 'Starred' Property for User Data Upon Starring Channel.mp4 118.8 MB
  045 Update-Starred-Property-for-User-Data-Upon-Starring-Channel.zip 224.8 KB
  046 Display Starred Channels in Starred Component.mp4 50.9 MB
  046 Display-Starred-Channels-in-Starred-Component.zip 226 KB
  46 768.9 KB
  046 Display Starred Channels in Starred Component.en_US.srt 4.3 KB
  47 21.9 KB
  047 Scaffold MetaPanel Component.en_US.srt 6.3 KB
  047 Scaffold MetaPanel Component.mp4 68.6 MB
  047 Scaffold-MetaPanel-Component.zip 225.5 KB
  48 330.5 KB
  048 Display Channel Info in MetaPanel.en_US.srt 3.8 KB
  048 Display Channel Info in MetaPanel.mp4 46.4 MB
  048 Display-Channel-Info-in-MetaPanel.zip 225.6 KB
  049 Display Top Posters for each Channel in MetaPanel.en_US.srt 10.6 KB
  49 629.8 KB
  049 Display Top Posters for each Channel in MetaPanel.mp4 149.8 MB
  049 Display-Top-Posters-for-each-Channel-in-MetaPanel.zip 226 KB
  050 Add Color Picker Modal to ColorPanel.en_US.srt 4.2 KB
  050 Add Color Picker Modal to ColorPanel.mp4 56.6 MB
  050 Add-Color-Picker-Modal-to-ColorPanel.zip 226.3 KB
  051 Attach Chosen Colors to User Data.en_US.srt 7.7 KB
  051 Attach Chosen Colors to User Data.mp4 111.3 MB
  051 Attach-Chosen-Colors-to-User-Data.zip 226.7 KB
  052 Display Saved User Colors as Icons, Change App Colors on Click.en_US.srt 10.1 KB
  052 Display Saved User Colors as Icons, Change App Colors on Click.mp4 143.3 MB
  052 Display-Saved-User-Colors-as-Icons-Change-App-Colors-on-Click.zip 227.3 KB
  053 Create Change Avatar Modal.en_US.srt 3.4 KB
  053 Create Change Avatar Modal.mp4 54.7 MB
  053 Create-Change-Avatar-Modal.zip 227.6 KB
  054 Crop Uploaded Image with AvatarEditor.en_US.srt 5.7 KB
  054 Crop Uploaded Image with AvatarEditor.mp4 86.5 MB
  054 Crop-Uploaded-Image-with-AvatarEditor.zip 228 KB
  055 Upload Cropped Image to Firebase, Put on User Profile.en_US.srt 5.9 KB
  055 Upload Cropped Image to Firebase, Put on User Profile.mp4 89.6 MB
  055 Upload-Cropped-Image-to-Firebase-Put-on-User-Profile.zip 228.3 KB
  056 Add Typing Collection to Track When Other Users Typing.en_US.srt 4.1 KB
  056 Add Typing Collection to Track When Other Users Typing.mp4 56.7 MB
  057 Add Typing Component _ Animation, Display in Messages.en_US.srt 3.5 KB
  057 Add Typing Component _ Animation, Display in Messages.mp4 48.5 MB
  057 Add-Typing-Component-Animation-Display-in-Messages.zip 229.1 KB
  058 Add Typing Listeners to See When Other Users Typing.en_US.srt 6.2 KB
  058 Add Typing Listeners to See When Other Users Typing.mp4 102 MB
  058 Add-Typing-Listeners-to-See-When-Other-Users-Typing.zip 229.3 KB
  059 Emoji Picker to Add Emojis to Messages.en_US.srt 6.4 KB
  059 Emoji Picker to Add Emojis to Messages.mp4 90.4 MB
  059 Emoji-Picker-to-Add-Emojis-to-Messages.zip 229.8 KB
  060 Automatic Scroll to Bottom upon New Message.en_US.srt 2.5 KB
  060 Automatic Scroll to Bottom upon New Message.mp4 37.9 MB
  061 Show Message Skeleton when Messages Loading.en_US.srt 6.4 KB
  061 Show Message Skeleton when Messages Loading.mp4 82 MB
  061 Show-Message-Skeleton-when-Messages-Loading.zip 230.5 KB
  062 Create Key Combo Shortcuts to Send Messages.en_US.srt 1.7 KB
  062 Create Key Combo Shortcuts to Send Messages.mp4 13.5 MB
  062 Create-Key-Combo-Shortcuts-to-Send-Messages.zip 230.5 KB
  063 Remove Listeners upon Component Unmount.en_US.srt 6.5 KB
  063 Remove Listeners upon Component Unmount.mp4 92.5 MB
  063 Remove-Listeners-upon-Component-Unmount.zip 230.9 KB
  064 Storage-Rules.zip 819 B
  064 Write Firebase Storage Rules for Media Files.en_US.srt 5.9 KB
  064 Write Firebase Storage Rules for Media Files.mp4 51.4 MB
  065 Database-Rules.zip 1 KB
  065 Write Database Rules for App Data.en_US.srt 6.5 KB
  065 Write Database Rules for App Data.mp4 62.4 MB
  066 Deploy our App with Firebase Tools.en_US.srt 3.4 KB
  066 Deploy our App with Firebase Tools.mp4 26.3 MB
  066 Final-Code.zip 230.9 KB
  TutsNode.com.txt 102 B
  [TGx]Downloaded from torrentgalaxy.to .txt 614 B
  50 245.6 KB
  51 520 KB
  52 51.6 KB
  53 662.2 KB
  54 110.5 KB
  55 123.5 KB
  56 601.2 KB
  57 698.9 KB
  58 848.5 KB
  59 79.5 KB
  60 292.6 KB
  61 136.6 KB
  62 543.6 KB
  63 549.5 KB
  64 924.7 KB
  ▲ 258 total files

Description



Description

Interested in building impressive full-stack apps with React, Redux and Firebase? This is the course for you!

Here’s what we will cover:

Creating a complete Slack chat application with React, Redux, and Firebase 5 from scratch
Sending and receiving messages instantly with the real-time Firebase Database
Uploading and displaying image messages using Firebase Storage
Notifications to display new messages in other channels
Sending Direct Messages to other users in our chat
Tracking / showing when users are online / offline
Searching messages within created channels
Custom animations to see when other users are typing in the same channel
Creating, cropping and uploading user avatars
The ability to favorite / unfavorite public channels
Add emojis to our messages with an Emoji Picker component
User authentication with Firebase
Form validation for our Login and Register forms
State management with Redux, with simple, straightforward patterns
Creating stunning user interfaces with Semantic UI React
Essential features of React Router 4 (Switch component, withRouter HOC, history object)
Tons of work with ES6 / 7
Helpful browser tools such as React / Redux Dev Tools
Securing our application with Firebase Rules
Deploying our chat app to the web using Firebase Tools
Keyboard shortcuts to rapidly send messages
And more!

What will be building in this course?

Throughout this course, we’ll be building a live chat app for developers called DevChat, where users will be able to create channels, to send messages to other users on those channels, send media files, see when other users are typing, add emojis to their messages, favorite and unfavorite channels they like or dislike, and get notifications about new messages on other channels.
Who this course is for:

Anyone who has at least two months of experience with the JavaScript library React
React developers interested in making functional, real-world apps
Developers looking for more experience with the JavaScript language in a practical setting

Requirements

Some experience with React (i.e. having built a couple of projects with React Create App)
Prior knowledge of ES6 features will help (spread operators, destructuring, object shorthand syntax)

Last Updated 12/2019

Related Torrents

torrent name size uploader age seed leech
33
7
7
3
9