Su	Mo	Tu	We	Th	Fr	Sa
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31	1	2	3	4

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

Posted By: ParRus

Date: 9 May 2020 14:50:20

Master Next.js (Next 9), React (React 16+) & Node. Learn how to build Isomorphic Website, incl. SEO, Blog, Deployment

What you'll learn

Create full-stack apps with React, Redux and Firebase, among other tools in the React ecosystem
Make complete React apps from scratch, from setting up their dev environment to deployment on the web
Integrate Redux and Firebase with React apps using straightforward, practical patterns
Learn every major part of Firebase 5–the real-time database, storage, rules, listeners and deployment with Firebase tools

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)

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

also You can find my other helpful Programming-posts
(if old file-links don't show activity, try copy-paste them to the address bar)

MediaInfo:

General
Complete name : 3. Upload Image File, Post Image Message.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 80.9 MiB
Duration : 9 min 15 s
Overall bit rate : 1 222 kb/s
Writing application : Lavf58.12.100

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings : CABAC / 4 Ref Frames
Format settings, CABAC : Yes
Format settings, RefFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 9 min 15 s
Bit rate : 1 086 kb/s
Nominal bit rate : 3 000 kb/s
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 30.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.039
Stream size : 71.9 MiB (89%)
Writing library : x264 core 148
Encoding settings : cabac=1 / ref=3 / deblock=1:-1:-1 / analyse=0x1:0x111 / me=umh / subme=6 / psy=1 / psy_rd=1.00:0.15 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=0 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-3 / threads=22 / lookahead_threads=3 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=60 / keyint_min=6 / scenecut=0 / intra_refresh=0 / rc_lookahead=60 / rc=cbr / mbtree=1 / bitrate=3000 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=3000 / vbv_bufsize=6000 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00

Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : mp4a-40-2
Duration : 9 min 15 s
Bit rate mode : Constant
Bit rate : 128 kb/s
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 44.1 kHz
Frame rate : 43.066 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 8.47 MiB (10%)
Default : Yes
Alternate group : 1

Screenshots