Build a Slack Chat App with React, Redux, and Firebase
Create a complete, full-stack chat application from front to back with React, Redux, Firebase 5, and Semantic UI React
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 Build a Slack Chat App
- 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! Build a Slack Chat App Build a Slack Chat App
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
