Cloner Twitch Avec React

Améliorez vous avec React !

What you'll learn
Cloner Twitch avec React
Utiliser des React Hooks(useState, useEffect)
Coder de la dernière des façons avec React
Travailler avec une API en React
Découvrir l'API de Twitch
React-router (Router + useLocation, useParams)
Affichage conditionnel
Faire du responsive en React (Navbar, etc..)
Axios
Etc…
Requirements
Un ordinateur
Des connaissances de base de React
Description
Bonjour à tous.Dans cette formation nous allons cloner le célèbre site de streaming Twitch avec React.Ce genre de projets est vraiment formateur et permet de passer au niveau supérieur lorsqu'on étudie un Framework JavaScript.Ce projet va vous donner confiance, et c'est également un bon exemple à mettre sur son portfolio.Dans cette formation nous allons utiliser des paradigmes et des outils autour de l'univers de React, notamment :Les React Hooks, c'est la dernière façon de coder en React (useState, useEffect, etc…)React-router, pour simuler une navigation, ainsi que les Hooks inclus dans React-router.Faire du responsive avec React, en créant notamment une barre de navigation responsive.Utiliser une API avec React.Découvrir l'API génial de Twitch.Utiliser AxiosUtiliser des affichages conditionnels (opérateur ternaire, short-circuit)Et pleins de choses encore !Alors rejoins le wagon et apprends à cloner Twitch avec React !

Overview

Section 1: Introduction

Lecture 1 Introduction, découverte du projet

Lecture 2 Fichiers sources et éditeur

Lecture 3 Ressources

Section 2: Création de notre projet

Lecture 4 Plan du cours

Lecture 5 Création du dossier

Lecture 6 Création du contenu du Header

Lecture 7 Partie CSS du header

Lecture 8 Création de la Sidebar

Lecture 9 Partie CSS de la Sidebar

Lecture 10 Mettre en place son projet avec Twitch

Lecture 11 NOUVEAU : Résolution du problème erreur 401 (API mise à jour)

Lecture 12 Premier appel à l'API, explication

Lecture 13 Création des cartes de la page d'Accueil

Lecture 14 Partie CSS des cartes de la page d'accueil

Lecture 15 Explication du triple appel

Lecture 16 Partie JS de la sidebar

Lecture 17 Contenu de la sidebar

Lecture 18 Partie CSS du contenu de la sidebar

Lecture 19 Début de navigation et TopStreams

Lecture 20 Logique JS, appel TopStreams

Lecture 21 CSS TopStreams

Lecture 22 Liens du Header

Lecture 23 Mise en place du composant Live

Lecture 24 Utiliser le Slug

Lecture 25 Contenu du Live

Lecture 26 CSS Du live

Lecture 27 Mise en place du composant GameStreams

Lecture 28 Appel de l'API pour GameStreams

Lecture 29 Contenu de GameStreams

Lecture 30 CSS de GameStreams

Lecture 31 Menu responsive en React !

Lecture 32 Finir les détails du menu responsive

Lecture 33 Mise en place du composant Resultat

Lecture 34 Gérer les erreurs de recherche

Lecture 35 Gérer les liens de la Sidebar

Lecture 36 Mise en place de la dernière fonctionnalité

Développeurs informatique,Étudiants en informatique,Autodidactes,Personnes en reconversion,Amateur de développement web