Build a Slack Chat App with React, Redux, and Firebase (Udemy.com)

Create a complete, full-stack chat application from front to back with React, Redux, Firebase 5, and Semantic UI React

( 50 Reviews )

Created by: Reed Barger

Produced in 2021

What you will 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

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 86 / 100

Course 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

Time: 6h

Instructor Details

Reed Barger

4.3 Rating
50 Reviews

I am a professional developer with a passion for learning and teaching everything I know.
I believe in learning through doing and this philosophy is present in every course that I teach.
I love to explore new web & mobile technologies and my courses focus on giving you the edge in our fast-moving industry.
Looking forward to seeing you inside one of my courses!

React Hooks (2021)
4.5 (290 Reviews)

- Provider: Udemy
- Time: 3h

$11.99

Serverless React with AWS Amplify - The Complete Guide

Serverless React with AWS Amplify - The Complete Guide (2021)
4.3 (234 Reviews)

- Provider: Udemy
- Time: 8.5h

$11.99

Build a Social Network with Flutter and Firebase

Build a Social Network with Flutter and Firebase (2019)
4.0 (223 Reviews)

- Provider: Udemy
- Time: 9h

$11.99

Universal React with Next.js - The Ultimate Guide

Universal React with Next.js - The Ultimate Guide (2021)
4.4 (50 Reviews)

- Provider: Udemy
- Time: 9.5h

$11.99

Awesome Apps with React Hooks and Firebase

Awesome Apps with React Hooks and Firebase (2021)
4.7 (36 Reviews)

- Provider: Udemy
- Time: 2.5h

$11.99

Mobile E-Commerce with Flutter, Redux, and Stripe

Mobile E-Commerce with Flutter, Redux, and Stripe (2021)
3.3 (16 Reviews)

- Provider: Udemy
- Time: 7h

$11.99

All courses by Reed Barger

More reactjs courses

React js. From the beginning. w/ Redux and React Router

React js. From the beginning. w/ Redux and React Router (2021)
4.9 (39 Reviews)

- Provider: Udemy
- Time: 15.5h

$11.99

React JS, Angular & Vue JS - Quickstart & Comparison

React JS, Angular & Vue JS - Quickstart & Comparison (2021)
4.8 (362 Reviews)

- Provider: Udemy
- Time: 8h

$11.99

Server Side Rendering with React and Redux

Server Side Rendering with React and Redux (2021)
4.8 (361 Reviews)

- Provider: Udemy
- Time: 8h

$11.99

Microservices with Node JS and React (2021)
4.8 (310 Reviews)

- Provider: Udemy
- Time: 54h

$11.99

Learn React by building and deploying production ready app

Learn React by building and deploying production ready app (2018)
4.8 (50 Reviews)

- Provider: Udemy
- Time: 2.5h

$11.99

Modern React with Redux [2020 Update] (2021)
4.7 (453 Reviews)

- Provider: Udemy
- Time: 52h

$11.99

All reactjs courses

Reviews

4.3

50 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Krzysztof Bączkiewicz

Horrible course. Zero explanations, just a dude talking to himself while writing bad code

By John Nico Dormitorio

The tutorial is on point, easy to understand, it's just I need to pause most of the time cause he's very fast.

By Jalen Parham

This course is great and too the point!

By Ivan Ivanov

Really great for React!

By Colin Lawrence

its good right now. still just setting up the project. haven't seen much of the lessons yets.

By Jeff Mikres

Best course I've taken on Udemy and best one for learning React. Learning by building a real-world app makes all the difference. I also really like the short length of the videos. Building the app was done very iteratively which was cool. I'd recommend this course for anyone who wants to get up-to-speed with React.

By Alexey Lisenko

Cool stuff

By Richard Njoku

very good course. would totally recommend to others. But clearly not a beginners course. Your mind will explode.

By Krishna Prasad

This course is for software developers who have experience. Reed has done an awesome job of hands on sessions where he introduces all the intricacies of React and Redux frameworks.

I am impressed on how he introduces complex concepts.

I would strongly recommend this course to anyone who want to build strong portfolio of their own.

By Minchul Kim

Such a great course. If you have a basic understanding of React/redux, this lecture will greatly benefit you. Thank you.

By Plamen Hristov

I bought all the courses of Reed Barger, I am very happy with the knowledge that I am receiving, no over explanations, everything is clean and neat!!! Thanks Reed!!!

By Alfredo Ramirez