Cloner Twitch avec React
4.3 (33 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
129 students enrolled

Cloner Twitch avec React

Améliorez vous avec React !
4.3 (33 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
129 students enrolled
Created by Enzo Ustariz
Last updated 6/2020
French
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 1 article
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
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...
Course content
Expand all 36 lectures 03:51:13
+ Création de notre projet
33 lectures 03:44:49
Création du contenu du Header
09:18
Partie CSS du header
08:17
Création de la Sidebar
01:47
Partie CSS de la Sidebar
03:12
Mettre en place son projet avec Twitch
03:58
NOUVEAU : Résolution du problème erreur 401 (API mise à jour)
06:04
Premier appel à l'API, explication
06:59
Création des cartes de la page d'Accueil
07:59
Partie CSS des cartes de la page d'accueil
13:24
Explication du triple appel
03:23
Partie JS de la sidebar
17:11
Contenu de la sidebar
02:37
Partie CSS du contenu de la sidebar
06:08
Début de navigation et TopStreams
06:31
Logique JS, appel TopStreams
08:49
CSS TopStreams
06:19
Liens du Header
03:15
Mise en place du composant Live
04:35
Utiliser le Slug
04:12
Contenu du Live
07:57
CSS Du live
10:28
Mise en place du composant GameStreams
04:42
Appel de l'API pour GameStreams
14:29
Contenu de GameStreams
06:11
CSS de GameStreams
05:48
Menu responsive en React !
12:23
Finir les détails du menu responsive
05:58
Mise en place du composant Resultat
11:27
Gérer les erreurs de recherche
07:16
Gérer les liens de la Sidebar
01:36
Mise en place de la dernière fonctionnalité
08:30
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 :


  1. Les React Hooks, c'est la dernière façon de coder en React (useState, useEffect, etc...)

  2. React-router, pour simuler une navigation, ainsi que les Hooks inclus dans React-router.

  3. Faire du responsive avec React, en créant notamment une barre de navigation responsive.

  4. Utiliser une API avec React.

  5. Découvrir l'API génial de Twitch.

  6. Utiliser Axios

  7. Utiliser des affichages conditionnels (opérateur ternaire, short-circuit)

  8. Et pleins de choses encore !


Alors rejoins le wagon et apprends à cloner Twitch avec React !

Who this course is for:
  • Développeurs informatique
  • Étudiants en informatique
  • Autodidactes
  • Personnes en reconversion
  • Amateur de développement web