17 OCT 2024 - Welcome Back to TorrentFunk! Get your pirate hat back out. Streaming is dying and torrents are the new trend. Account Registration works again and so do Torrent Uploads. We invite you all to start uploading torrents again!
TORRENT DETAILS
Build A Slack Chat App With React, Redux, And Firebase
TORRENT SUMMARY
Status:
All the torrents in this section have been verified by our verification system
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
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
.pad/0
39 B
.pad/1
2 B
.pad/2
3.3 KB
.pad/3
196.2 KB
.pad/4
56.4 KB
.pad/5
72.9 KB
.pad/6
42.8 KB
.pad/7
196.2 KB
TutsNode.com.txt
63 B
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/01 Required _ Optional Tools/001 Required Tools for the Project.en_US.srt
1.3 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/01 Required _ Optional Tools/002 Install React _ Redux Dev Tools for Google Chrome.en_US.srt
2.8 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/02 Project Setup/003 Git Clone and Install Dependencies.en_US.srt
2.1 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/02 Project Setup/004 Organize Project, Create Routes.en_US.srt
4.6 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/02 Project Setup/005 Setup Firebase.en_US.srt
3.7 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/03 User Authentication with Firebase/006 Create Register Form.en_US.srt
6.7 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/03 User Authentication with Firebase/007 Register User with Email and Password.en_US.srt
7 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/04 Form Validation and Authentication Error Handling/008 Form Validation for Register Form.en_US.srt
7.8 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/04 Form Validation and Authentication Error Handling/009 Clear Errors upon Registration, Show Loading State.en_US.srt
6.1 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/04 Form Validation and Authentication Error Handling/010 Add Name and Avatar to Users, Add New Users to Database.en_US.srt
7.2 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/04 Form Validation and Authentication Error Handling/011 Create Login Form and Functionality.en_US.srt
4.1 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/05 Integrate Redux for Global State/012 onAuthStateChanged to Listen for Login_Register.en_US.srt
3.3 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/05 Integrate Redux for Global State/013 Set up Redux to Make User Data Available on Global State.en_US.srt
9.8 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/05 Integrate Redux for Global State/014 Add Spinner Component for Loading State.en_US.srt
3.9 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/06 Building Out Chat Console/015 Scaffold App Components.en_US.srt
3.9 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/06 Building Out Chat Console/016 App Header _ UserPanel Dropdown.en_US.srt
5.6 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/06 Building Out Chat Console/017 Add Signout Functionality, Clear User Action.en_US.srt
3.9 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/06 Building Out Chat Console/018 Passing Redux State via Props.en_US.srt
7 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/06 Building Out Chat Console/019 Add Avatar to User Dropdown.en_US.srt
1.2 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/07 Adding _ Displaying Public Channels/020 Add Channels Component.en_US.srt
3.2 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/07 Adding _ Displaying Public Channels/021 Create Modal for Adding Channels.en_US.srt
5.1 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/07 Adding _ Displaying Public Channels/022 Create Channels Collection, Add First Channel to Database.en_US.srt
6.1 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/07 Adding _ Displaying Public Channels/023 Display Channels with child_added Listener.en_US.srt
3.4 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/07 Adding _ Displaying Public Channels/024 Put Channel on Global State, Add channel_reducer.en_US.srt
4.9 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/07 Adding _ Displaying Public Channels/025 Set First Channel on Page Load, Show Active Channel.en_US.srt
4.5 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/07 Adding _ Displaying Public Channels/026 Remove Listeners with componentWillUnmount.en_US.srt
1.1 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/08 Adding _ Displaying Messages on Public Channels/027 Scaffold ColorPanel _ Message Components.en_US.srt
7.4 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/08 Adding _ Displaying Messages on Public Channels/028 Create Messages Collection, Add First Message to Database.en_US.srt
10.6 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/08 Adding _ Displaying Messages on Public Channels/028 Create Messages Collection, Add First Message to Database.mp4
132.2 MB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/08 Adding _ Displaying Messages on Public Channels/029 Controlled Input to Clear Message, Disable Button on Loading State.en_US.srt
1.3 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/08 Adding _ Displaying Messages on Public Channels/030 Display Messages, Create Message Component.en_US.srt
7.6 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/09 Adding _ Uploading Messages with Media Files/031 Create File Modal to Upload File.en_US.srt
4.2 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/09 Adding _ Uploading Messages with Media Files/032 Put Media File in State, Add Mimetype Validation.en_US.srt
5.6 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/09 Adding _ Uploading Messages with Media Files/033 Upload Image File, Post Image Message.en_US.srt
8.6 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/09 Adding _ Uploading Messages with Media Files/033 Upload Image File, Post Image Message.mp4
114.7 MB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/09 Adding _ Uploading Messages with Media Files/034 ProgressBar Component to Represent Image Upload.en_US.srt
3.5 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/09 Adding _ Uploading Messages with Media Files/035 Options for Displaying ProgressBar.en_US.srt
3.9 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/10 Sending Direct Messages to Users/036 Add Channel Title _ Users Count to Messages Header.en_US.srt
5.7 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/10 Sending Direct Messages to Users/037 Add Ability to Search Messages.en_US.srt
7.6 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/10 Sending Direct Messages to Users/038 Create DirectMessages Component.en_US.srt
2.6 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/10 Sending Direct Messages to Users/039 Add Users to DirectMessages Component, Show If Online_Offline.en_US.srt
7.8 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/10 Sending Direct Messages to Users/039 Add Users to DirectMessages Component, Show If Online_Offline.mp4
105.8 MB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/10 Sending Direct Messages to Users/040 Put DirectMessage Channel Data in Global State, Set as Private Channels.en_US.srt
4.8 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/10 Sending Direct Messages to Users/041 Functionality to Add Messages _ Images to Private Channels.en_US.srt
7.1 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/10 Sending Direct Messages to Users/042 Display Active DirectMessage Channel.en_US.srt
1.4 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/11 Notifications for New Messages on Public Channels/043 Add Notifications to Public Channel.en_US.srt
10.5 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/11 Notifications for New Messages on Public Channels/043 Add Notifications to Public Channel.mp4
114.3 MB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/12 Starred Component to Favorite _ Unfavorite Channels/044 Add Starred Component to Hold Starred (Favorited) Channels.en_US.srt
3.6 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/12 Starred Component to Favorite _ Unfavorite Channels/045 Update 'Starred' Property for User Data Upon Starring Channel.en_US.srt
9.2 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/12 Starred Component to Favorite _ Unfavorite Channels/045 Update 'Starred' Property for User Data Upon Starring Channel.mp4
118.8 MB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/12 Starred Component to Favorite _ Unfavorite Channels/046 Display Starred Channels in Starred Component.en_US.srt
4.3 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/13 MetaPanel Component to Display Channel Info/047 Scaffold MetaPanel Component.en_US.srt
6.3 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/13 MetaPanel Component to Display Channel Info/048 Display Channel Info in MetaPanel.en_US.srt
3.8 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/13 MetaPanel Component to Display Channel Info/049 Display Top Posters for each Channel in MetaPanel.en_US.srt
10.6 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/13 MetaPanel Component to Display Channel Info/049 Display Top Posters for each Channel in MetaPanel.mp4
149.8 MB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/14 Color Picker to Change App Colors/050 Add Color Picker Modal to ColorPanel.en_US.srt
4.2 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/14 Color Picker to Change App Colors/050 Add-Color-Picker-Modal-to-ColorPanel.zip
226.3 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/14 Color Picker to Change App Colors/051 Attach Chosen Colors to User Data.en_US.srt
7.7 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/14 Color Picker to Change App Colors/051 Attach Chosen Colors to User Data.mp4
111.3 MB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/14 Color Picker to Change App Colors/051 Attach-Chosen-Colors-to-User-Data.zip
226.7 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/14 Color Picker to Change App Colors/052 Display Saved User Colors as Icons, Change App Colors on Click.en_US.srt
10.1 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/14 Color Picker to Change App Colors/052 Display Saved User Colors as Icons, Change App Colors on Click.mp4
143.3 MB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/14 Color Picker to Change App Colors/052 Display-Saved-User-Colors-as-Icons-Change-App-Colors-on-Click.zip
227.3 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/15 Change and Edit User Avatar Images/053 Create Change Avatar Modal.en_US.srt
3.4 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/15 Change and Edit User Avatar Images/053 Create-Change-Avatar-Modal.zip
227.6 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/15 Change and Edit User Avatar Images/054 Crop Uploaded Image with AvatarEditor.en_US.srt
5.7 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/15 Change and Edit User Avatar Images/054 Crop-Uploaded-Image-with-AvatarEditor.zip
228 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/15 Change and Edit User Avatar Images/055 Upload Cropped Image to Firebase, Put on User Profile.en_US.srt
5.9 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/15 Change and Edit User Avatar Images/055 Upload-Cropped-Image-to-Firebase-Put-on-User-Profile.zip
228.3 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/16 Display Animation when Users Typing/056 Add Typing Collection to Track When Other Users Typing.en_US.srt
4.1 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/16 Display Animation when Users Typing/057 Add Typing Component _ Animation, Display in Messages.en_US.srt
3.5 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/16 Display Animation when Users Typing/057 Add-Typing-Component-Animation-Display-in-Messages.zip
229.1 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/16 Display Animation when Users Typing/058 Add Typing Listeners to See When Other Users Typing.en_US.srt
6.2 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/16 Display Animation when Users Typing/058 Add-Typing-Listeners-to-See-When-Other-Users-Typing.zip
229.3 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/17 Adding Emoji Picker, Loading Skeleton, Automatic Scroll to Bottom, Key Shortcuts/059 Emoji Picker to Add Emojis to Messages.en_US.srt
6.4 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/17 Adding Emoji Picker, Loading Skeleton, Automatic Scroll to Bottom, Key Shortcuts/059 Emoji-Picker-to-Add-Emojis-to-Messages.zip
229.8 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/17 Adding Emoji Picker, Loading Skeleton, Automatic Scroll to Bottom, Key Shortcuts/060 Automatic Scroll to Bottom upon New Message.en_US.srt
2.5 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/17 Adding Emoji Picker, Loading Skeleton, Automatic Scroll to Bottom, Key Shortcuts/061 Show Message Skeleton when Messages Loading.en_US.srt
6.4 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/17 Adding Emoji Picker, Loading Skeleton, Automatic Scroll to Bottom, Key Shortcuts/061 Show-Message-Skeleton-when-Messages-Loading.zip
230.5 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/17 Adding Emoji Picker, Loading Skeleton, Automatic Scroll to Bottom, Key Shortcuts/062 Create Key Combo Shortcuts to Send Messages.en_US.srt
1.7 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/17 Adding Emoji Picker, Loading Skeleton, Automatic Scroll to Bottom, Key Shortcuts/062 Create-Key-Combo-Shortcuts-to-Send-Messages.zip
230.5 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/18 Removing Listeners, Securing our App with Firebase Rules/063 Remove Listeners upon Component Unmount.en_US.srt
6.5 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/18 Removing Listeners, Securing our App with Firebase Rules/063 Remove-Listeners-upon-Component-Unmount.zip
230.9 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/18 Removing Listeners, Securing our App with Firebase Rules/064 Storage-Rules.zip
840 B
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/18 Removing Listeners, Securing our App with Firebase Rules/064 Write Firebase Storage Rules for Media Files.en_US.srt
5.9 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/18 Removing Listeners, Securing our App with Firebase Rules/065 Database-Rules.zip
1018 B
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/18 Removing Listeners, Securing our App with Firebase Rules/065 Write Database Rules for App Data.en_US.srt
6.5 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/19 Deploying our App with Firebase Tools/066 Deploy our App with Firebase Tools.en_US.srt
3.4 KB
[TutsNode.com] - Build a Slack Chat App with React, Redux, and Firebase/19 Deploying our App with Firebase Tools/066 Final-Code.zip
