Créer un complet, application de chat full-stack de l’avant vers l’arrière avec Réagir, Redux, Firebase 5 et sémantique Réaction de l’interface utilisateur
Ce que vous allez apprendre
-
Créez des applications full-stack avec React, Redux et Firebase, entre autres outils de l’écosystème React
-
Créez des applications React complètes à partir de zéro, de la configuration de leur environnement de développement au déploiement sur le Web
-
Intégrez Redux et Firebase aux applications React en utilisant des modèles simples et pratiques
-
Découvrez toutes les parties principales de Firebase 5: la base de données en temps réel, le stockage, les règles, les écouteurs et le déploiement avec les outils Firebase
Exigences
-
Une certaine expérience avec React (c’est-à-dire avoir construit quelques projets avec l’application React Create)
-
Une connaissance préalable des fonctionnalités d’ES6 sera utile (opérateurs de diffusion, déstructuration, syntaxe abrégée d’objet)
Vous souhaitez créer d’impressionnantes applications full-stack avec React, Redux et Firebase? C’est le cours pour vous!
Voici ce que nous allons couvrir:
- Créer un application de chat Slack complète avec React, Redux et Firebase 5 de zéro
- Envoi et réception de messages instantanément avec le Base de données Firebase en temps réel
- Télécharger et afficher des messages image en utilisant Stockage Firebase
- Notifications pour afficher les nouveaux messages sur d’autres canaux
- Envoi en cours Messages directs aux autres utilisateurs de notre chat
- Suivi / affichage lorsque les utilisateurs sont en ligne / hors ligne
- Recherche de messages dans les canaux créés
- Animations personnalisées pour voir quand les autres utilisateurs tapent dans le même canal
- Créer, recadrage et téléchargement des avatars des utilisateurs
- La capacité à favori / défavorable Publique canaux
- Ajoutez des emojis à nos messages avec un composant Emoji Picker
- Utilisateur authentification avec Firebase
- Validation du formulaire pour nos formulaires de connexion et d’inscription
- Gestion des états avec Redux, avec des motifs simples et directs
- Création interfaces utilisateur époustouflantes avec Réaction sémantique de l’interface utilisateur
- Caractéristiques essentielles de React Router 4 (Composant Switch, avec Routeur HOC, objet historique)
- Des tonnes de travail avec ES6 / 7
- Des outils de navigation utiles tels que Outils de développement React / Redux
- Sécuriser notre application avec Règles Firebase
- Déployer notre application de chat sur le Web en utilisant Outils Firebase
- Raccourcis clavier pour envoyer rapidement des messages
- Et plus!
Que construira ce cours?
Tout au long de ce cours, nous créerons un application de chat en direct pour les développeurs appelés DevChat, où les utilisateurs pourront créer des chaînes, à envoyer des messages à d’autres utilisateurs sur ces chaînes, envoyer des fichiers multimédias, voir quand les autres utilisateurs tapent, ajouter des emojis à leurs messages, chaînes préférées et non préférées ils aiment ou n’aiment pas, et recevoir des notifications sur les nouveaux messages sur d’autres canaux.
À qui s’adresse ce cours:
- Toute personne ayant au moins deux mois d’expérience avec la bibliothèque JavaScript React
- Développeurs React intéressés par la création d’applications fonctionnelles et réelles
- Développeurs à la recherche de plus d’expérience avec le langage JavaScript dans un cadre pratique
Revue en vedette
J’ai beaucoup apprécié le cours. J’ai aimé la fonctionnalité de l’application et la façon dont le code est écrit. Je dirais que la seule chose qui manque à ce cours est de rendre l’application entièrement réactive, même si cela peut être fait facilement par vous-même à l’aide de requêtes multimédias. Parfois, l’instructeur va beaucoup trop vite dans le code et il est assez difficile de le suivre, vous devrez parfois rembobiner ou ralentir la vidéo.