Article original : Code a Reddit Clone with React and Firebase
Coder un clone de Reddit est un excellent projet pour vous aider à apprendre une multitude de compétences et de technologies de programmation différentes.
Nous venons de publier un cours sur la chaîne YouTube freeCodeCamp.org qui vous apprendra à coder un clone de Reddit en utilisant React, Firebase, Next.js, Chakra UI et TypeScript.
Shadee Merhi a initialement créé ce cours. Shadee est un développeur full stack et créateur de cours.
Le cours commence par la configuration du projet et la compréhension des concepts fondamentaux de Next.js, y compris les pages et le routage côté client.
Ensuite, nous passerons à l'installation des packages principaux, y compris Chakra-React, Firebase et Recoil, ainsi qu'à la configuration du ChakraProvider et à l'apprentissage de React 18 (avec Chakra). Nous créerons également un thème Chakra et apprendrons le style global.
Nous plongerons ensuite dans React TypeScript et la création d'un composant Layout Next.js. À partir de là, nous commencerons à construire la Navbar, y compris la structure des dossiers de composants, et apprendrons les fondamentaux du style Chakra UI, tels que flexbox et le design réactif avec les requêtes média.
Nous aborderons également des sujets importants tels que la création d'un composant SearchInput, les boutons et modales d'authentification, et le travail avec Recoil et Firebase. Vous apprendrez à utiliser des hooks tels que useCreateUser, useSignInWithGoogle et useAuthState pour gérer les données utilisateur, ainsi que l'utilisation des transactions Firestore et des sous-collections.
De plus, nous aborderons des fonctionnalités importantes telles que la création et la rejoindre des communautés, les fonctions cloud et le rendu côté serveur avec NextJS. Nous apprendrons également à gérer la suppression de posts, la personnalisation des images de communauté et le vote sur les posts.
Le cours se conclura par une explication détaillée sur le déploiement avec Vercel et la mise en œuvre des règles de sécurité Firebase.
À la fin de ce cours, vous aurez une solide compréhension de la construction d'un clone de Reddit complet en utilisant les dernières technologies, y compris React, Firebase, Next.js, Chakra UI et TypeScript. C'est donc une excellente opportunité d'apprendre et d'améliorer vos compétences en codage et de construire un projet que vous pourrez présenter à des employeurs potentiels.
Regardez le cours complet sur la chaîne YouTube freeCodeCamp.org (12 heures de visionnage).