Install React Redux Dev Tools for Google Chrome

  Рет қаралды 417

React Elite Zone

React Elite Zone

Жыл бұрын

Overview
Interested in building impressive full-stack apps with React, Redux and Firebase? This is the course for you!
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
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.

Пікірлер: 2
@hennamaria8967
@hennamaria8967 6 ай бұрын
helpful video
@React-Elite-Zone
@React-Elite-Zone 6 ай бұрын
Glad to hear that
Git Clone and Install Dependencies
1:45
React Elite Zone
Рет қаралды 46
21+ Browser Dev Tools & Tips You Need To Know
9:26
Fireship
Рет қаралды 299 М.
Is it Cake or Fake ? 🍰
00:53
A4
Рет қаралды 17 МЛН
React Developer Tools | Components & Profiler
12:57
Raul Terhes
Рет қаралды 34 М.
7 better ways to create a React app
7:08
Fireship
Рет қаралды 519 М.
Understanding Redux Saga with a simple API call Tutorial
19:12
Redux For Beginners | React Redux Tutorial
39:43
developedbyed
Рет қаралды 1,2 МЛН
Inspect Network Activity - Chrome DevTools 101
9:00
Chrome for Developers
Рет қаралды 330 М.
React Redux Todo App Tutorial | Learn Redux with Redux Toolkit
59:57
Redux Toolkit Tutorial - 29 - Redux Devtools
5:27
Codevolution
Рет қаралды 33 М.
State Managers Are Making Your Code Worse In React
13:33
Web Dev Simplified
Рет қаралды 154 М.
Arc browser changed the way I work...
7:08
Brandon Boswell
Рет қаралды 449 М.