Dernière mise à jour : 9/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: Français | Size: 1.81 GB | Duration: 3h 51m
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
Download linkrapidgator.net:
- Código:
-
https://rapidgator.net/file/600dc58e14b9f8a172a9efb9505bbcec/ztlok.Cloner.Twitch.Avec.React.part1.rar.html
https://rapidgator.net/file/f16c2a460da256c135f462743f31ce86/ztlok.Cloner.Twitch.Avec.React.part2.rar.html
uploadgig.com:
- Código:
-
https://uploadgig.com/file/download/3e1531e526a4D56f/ztlok.Cloner.Twitch.Avec.React.part1.rar
https://uploadgig.com/file/download/0374D6834c6885Bf/ztlok.Cloner.Twitch.Avec.React.part2.rar
1dl.net:
- Código:
-
https://1dl.net/35mr5jc16msq/ztlok.Cloner.Twitch.Avec.React.part1.rar.html
https://1dl.net/xtl2dy1s7zwy/ztlok.Cloner.Twitch.Avec.React.part2.rar.html
nitroflare.com:
- Código:
-
https://nitroflare.com/view/D12D4213759632E/ztlok.Cloner.Twitch.Avec.React.part1.rar
https://nitroflare.com/view/07BCBF99C3389F4/ztlok.Cloner.Twitch.Avec.React.part2.rar