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

seeders: 12
leechers: 11
updated:
Download torrent
Added by tutsnode in Other > Tutorials
Download Fast Safe Anonymous
movies, software, shows...
  • Downloads: 120
  • Language: English

Files

Build a Slack Chat App with React, Redux, and Firebase [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)
  • 049 Display Top Posters for each Channel in MetaPanel.en_US.srt (10.6 KB)
  • 047 Scaffold MetaPanel Component.en_US.srt (6.3 KB)
  • 048 Display Channel Info in MetaPanel.en_US.srt (3.8 KB)
  • 049 Display-Top-Posters-for-each-Channel-in-MetaPanel.zip (226.0 KB)
  • 048 Display-Channel-Info-in-MetaPanel.zip (225.6 KB)
  • 047 Scaffold-MetaPanel-Component.zip (225.5 KB)
  • 047 Scaffold MetaPanel Component.mp4 (68.6 MB)
  • 048 Display Channel Info in MetaPanel.mp4 (46.4 MB)
01 Required _ Optional Tools
  • 001 Required Tools for the Project.en_US.srt (1.3 KB)
  • 002 Install React _ Redux Dev Tools for Google Chrome.en_US.srt (2.8 KB)
  • 002 Install React _ Redux Dev Tools for Google Chrome.mp4 (21.2 MB)
  • 001 Required Tools for the Project.mp4 (14.5 MB)
08 Adding _ Displaying Messages on Public Channels
  • 028 Create Messages Collection, Add First Message to Database.en_US.srt (10.6 KB)
  • 030 Display Messages, Create Message Component.en_US.srt (7.6 KB)
  • 027 Scaffold ColorPanel _ Message Components.en_US.srt (7.4 KB)
  • 028 Create Messages Collection, Add First Message to Database.mp4 (132.2 MB)
  • 029 Controlled Input to Clear Message, Disable Button on Loading State.en_US.srt (1.3 KB)
  • 027 Scaffold ColorPanel _ Message Components.mp4 (93.0 MB)
  • 030 Display Messages, Create Message Component.mp4 (88.5 MB)
  • 030 Display-Messages-Create-Message-Component.zip (219.2 KB)
  • 029 Controlled-Input-to-Clear-Message-Disable-Button-on-Loading-State.zip (218.4 KB)
  • 027 Scaffold-ColorPanel-Message-Components.zip (217.7 KB)
  • 029 Controlled Input to Clear Message, Disable Button on Loading State.mp4 (13.1 MB)
02 Project Setup
  • 003 Git Clone and Install Dependencies.en_US.srt (2.1 KB)
  • 004 Organize Project, Create Routes.en_US.srt (4.6 KB)
  • 005 Setup Firebase.en_US.srt (3.7 KB)
  • 004 Organize-Project-Create-Routes.zip (207.0 KB)
  • 004 Organize Project, Create Routes.mp4 (44.7 MB)
  • 005 Setup Firebase.mp4 (42.4 MB)
  • 003 Git Clone and Install Dependencies.mp4 (17.7 MB)
11 Notifications for New Messages on Public Channels
  • 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)
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)
  • 051 Attach Chosen Colors to User Data.en_US.srt (7.7 KB)
  • 052 Display Saved User Colors as Icons, Change App Colors on Click.mp4 (143.3 MB)
  • 050 Add Color Picker Modal to ColorPanel.en_US.srt (4.2 KB)
  • 051 Attach Chosen Colors to User Data.mp4 (111.3 MB)
  • 052 Display-Saved-User-Colors-as-Icons-Change-App-Colors-on-Click.zip (227.3 KB)
  • 051 Attach-Chosen-Colors-to-User-Data.zip (226.7 KB)
  • 050 Add-Color-Picker-Modal-to-ColorPanel.zip (226.3 KB)
  • 050 Add Color Picker Modal to ColorPanel.mp4 (56.6 MB)
05 Integrate Redux for Global State
  • 013 Set up Redux to Make User Data Available on Global State.en_US.srt (9.8 KB)
  • 014 Add Spinner Component for Loading State.en_US.srt (3.9 KB)
  • 012 onAuthStateChanged to Listen for Login_Register.en_US.srt (3.3 KB)
  • 013 Set up Redux to Make User Data Available on Global State.mp4 (86.5 MB)
  • 014 Add-Spinner-Component-for-Loading-State.zip (212.3 KB)
  • 013 Set-up-Redux-to-Make-User-Data-Available-on-Global-State.zip (212.0 KB)
  • 012 onAuthStateChanged-to-Listen-for-Login-Register.zip (209.8 KB)
  • 012 onAuthStateChanged to Listen for Login_Register.mp4 (33.9 MB)
  • 014 Add Spinner Component for Loading State.mp4 (33.9 MB)
12 Starred Component to Favorite _ Unfavorite Channels
  • 045 Update 'Starred' Property for User Data Upon Starring Channel.en_US.srt (9.2 KB)
  • 046 Display Starred Channels in Starred Component.en_US.srt (4.3 KB)
  • 044 Add Starred Component to Hold Starred (Favorited) Channels.en_US.srt (3.6 KB)
  • 045 Update 'Starred' Property for User Data Upon Starring Channel.mp4 (118.8 MB)
  • 046 Display-Starred-Channels-in-Starred-Component.zip (226.0 KB)
  • 045 Update-Starred-Property-for-User-Data-Upon-Starring-Channel.zip (224.8 KB)
  • 044 Add-Starred-Component-to-Hold-Starred-Favorited-Channels.zip (224.5 KB)
  • 044 Add Starred Component to Hold Starred (Favorited) Channels.mp4 (51.4 MB)
  • 046 Display Starred Channels in Starred Component.mp4 (50.9 MB)
09 Adding _ Uploading Messages with Media Files
  • 033 Upload Image File, Post Image Message.en_US.srt (8.6 KB)
  • 032 Put Media File in State, Add Mimetype Validation.en_US.srt (5.6 KB)
  • 031 Create File Modal to Upload File.en_US.srt (4.2 KB)
  • 035 Options for Displaying ProgressBar.en_US.srt (3.9 KB)
  • 034 ProgressBar Component to Represent Image Upload.en_US.srt (3.5 KB)
  • 033 Upload Image File, Post Image Message.mp4 (114.7 MB)
  • 035 Options-for-Displaying-ProgressBar.zip (221.1 KB)
  • 034 ProgressBar-Component-to-Represent-Image-Upload.zip (221.1 KB)
  • 033 Upload-Image-File-Post-Image-Message.zip (220.7 KB)
  • 032 Put-Media-File-in-State-Add-Mimetype-Validation.zip (220.1 KB)
  • 031 Create-FileModal-to-Upload-File.zip (219.8 KB)
  • 032 Put Media File in State, Add Mimetype Validation.mp4 (66.8 MB)
  • 031 Create File Modal to Upload File.mp4 (62.3 MB)
  • 035 Options for Displaying ProgressBar.mp4 (47.3 MB)
  • 034 ProgressBar Component to Represent Image Upload.mp4 (46.2 MB)
04 Form Validation and Authentication Error Handling
  • 008 Form Validation for Register Form.en_US.srt (7.8 KB)
  • 010 Add Name and Avatar to Users, Add New Users to Database.en_US.srt (7.2 KB)
  • 009 Clear Errors upon Registration, Show Loading State.en_US.srt (6.1 KB)
  • 011 Create Login Form and Functionality.en_US.srt (4.1 KB)
  • 008 Form Validation for Register Form.mp4 (85.6 MB)
  • 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-Use

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



Download torrent
4.2 GB
seeders:12
leechers:11
Udemy - Build a Slack Chat App with React, Redux, and Firebase

Trackers

tracker name
udp://inferno.demonoid.pw:3391/announce
udp://tracker.openbittorrent.com:80/announce
udp://tracker.opentrackr.org:1337/announce
udp://torrent.gresille.org:80/announce
udp://glotorrents.pw:6969/announce
udp://tracker.leechers-paradise.org:6969/announce
udp://tracker.pirateparty.gr:6969/announce
udp://tracker.coppersurfer.tk:6969/announce
udp://ipv4.tracker.harry.lu:80/announce
udp://9.rarbg.to:2710/announce
udp://shadowshq.yi.org:6969/announce
udp://tracker.zer0day.to:1337/announce
µTorrent compatible trackers list

Download torrent
4.2 GB
seeders:12
leechers:11
Udemy - Build a Slack Chat App with React, Redux, and Firebase

Torrent hash: 127A3870286D8F3892D15260101C48019B03FEC0