React - Clone WhatsApp (+React Router, React Hooks) 2020

a fait longtemps que tu chercher crer ton Rseau Social mais tu ne sais pas par o commencer? Eh ben dans cette formation je te montre comment faire en crant une copie de WhatsApp Web. Et aprs avoir fait le tour je tassure qu lheure actuelle cette formation est la seule qui traite du sujet en Franais (sur Udemy).Sais-tu quactuellement la version officielle de WhastApp Web est construite avec React et Styled Component? React est un framework JavaScript open source maintenue par Facebook. Il permet de crer des applications Web monopage (single page application), via la cration de composants. Styled-component est une librairie javascript qui te permet de gagner en productivit et de faciliter la cration de composants visuels (UI components) React en crivant du code css dans un fichier javascript. Tu as surement dj entendu dire que pour progresser en tant que dveloppeur (programmeur) tu devais tentrainer sur des projets rels et essayer de cloner (reproduire), avec tes propres codes, les applications qui te plaisent. Cest comme a que je me suis lanc dans la folle ide de cloner WhatsApp Web avec React et Styled Component. Jai t rapidement butt un problme Avec React et Styled Component cot Front-end ctait le top mais le problme est que WhatsApp est un systme de messagerie instantane, ce qui veut dire que les messages doivent arriver en temps rel. Chose qui nest pas simple implmenter avec du javascript (socket) quand on veut crer une application de lenvergure de WhastApp. Cest alors que jai pens Meteor qui est en bref un Framework Javascript FullStack qui te permet de crer des applications en temps rels. Ctait pour moi un challenge, et une fois que jai russie jtais tellement heureux que je me suis dit de partager cela avec la communaut francophone. Voil pourquoi jai cr cette formation qui te permettra de crer une copie de WhatsApp Web avec tes propres codes. Tu pourras mme tinspirer de cela afin de crer ta propre version de WhatsApp. Je suis Julien, dveloppeur web et auteur du best-seller Ionic 4 Crer une Application de Shopping. Jadore Javascript et ses Frameworks / librairies. Je matrise notamment JQuery, TypeScript, Angular, Ionic, React, React Native, Meteor, Electron, NodeJs etc. Et jai appris avec exprience quil est plus facile dapprendre programmer grce un projet qui nous plait. Voil pourquoi ce cours est orient projet. Nous allons apprendre crer des applications web React en temps rel en crant une copie (un clone) de WhasApp Web. Grce aussi Meteor, TypeScript, React Hooks et Styled Component. Cest pour toi alors une opportunit unique tant donn que cest actuellement le seul tutoriel en franais qui traite de ce sujet sur le net. Et ce nest pas grave si tu ne connais pas Meteor ou React Hooks ou TypeScript ou encore Styled Component parce-que je vais texpliquer tout a dans lannexe de la formation. l’origine de toute russite, il y a le fait d’avoir os. Alors crois en toi et tu arriveras. De mon ct je mengage taccompagner et rpondre tes proccupations tout au long de la formation. Grace Udemy, cette formation est garantie satisfait ou rembours pendant 30 jours et cela sans aucune condition. Si le cours ne te plait pas, cest simple, on te rembourse. Alors inscris-toi Maintenant. Cette formation te permettra de: Crer une copie (un clone) de WhatsApp web, ce qui te permettra dimpressionner les recruteurs pour obtenir le job de tes rves; Dutiliser React et Meteor ensembles ce qui te permettra de crer des applications web avec communication en temps rel; De te familiariser avec React Hooks et Styled Components ce qui te permettra de crer des web designs flexibles et dynamiques pour crer ton propre rseau social; De coder en TypeScript la place du JavaScript basique lorsque tu travailles avec React et Meteor, ce qui te permettra dajouter une touche de scurit lorsque tu programmes; Dutiliser les publications/souscription et les Mthodes dans Meteor afin de scuriser ton application; Dutiliser Tracker et withTracker pour mettre en place la programmation ractive, ce qui te permettra dimplmenter le temps rel en moins de 20 secondes pour toute ton application; De filtrer les collections Meteor, ce qui te permettra par exemple dimplmenter un systme de recherche dutilisateur; Dutiliser le paquet Meteor ostrio: file, ce qui te permettra de mettre en place pour ton application un systme dupload de fichiers (images) ;De maitriser useState et useEffect ce qui te permettra de crer des champs contrls et de mettre jour le DOM de faon ractive; Dutiliser styled components pour apporter du style tes composants ce qui te permettra de crer des styles dynamiques et des thmes; Dutiliser la librairie javascript moment pour crer et manipuler des dates ce qui te permettra de manipuler et de grer plus facilement les timezones et les formats de date en fonction de tes besoins; Dutiliser le Composant Moment mis notre disposition par react-moment, ce qui te permettra dafficher les dates qui ont t crer partir de la librairie moment; Dutiliser le react-flip-move ce qui te permettra en 3 clics danimer tes listes chaque fois q