React - Présentation et configuration
- Introduction
- Info sur les sources
- Téléchargement et installation des sources
- Installation de l'environnement et de l'éditeur.
- Que ce passe t'il à la compilation du projet
- Les plugins pour visual code
- Notre premier composant React
- render() : La fonction d'affichage des composants
Projet d'intro React - Netflix de bande annonce
- Présentation de notre futur application
- Github
- Inscription à l'api Movie DB
- The Movie DB : URL
- La barre de recherche : Première classe
- Les states
- Cycle de vie, props et map()
- Props et map() partie 2
- Ajax avec axios
- Video details : Affichage de nos réponses ajax
- Video-list et video-list-item
- Récupération de la video youtube
- Création et affichage du composant Video
- Design : CSS Bootstrap en 10 minutes
- Les callbacks
- La recherche
- Les recommendations
- Une recherche à la Google
Intro Redux - Consultation d'utilisateurs
- Redux qu'est ce que c'est que ca ?
- Sources
- À quel problème répond Redux ?
- Les reducers c'est quoi ?
- Les reducers
- User List : Le vrai rôle des containers
- MapStateToProps le pont entre react et redux
- Les actions creators
- Les actions et le mapDispatchToProps
- UserDetail reducer
- User Detail container
- Suivre l'évolution du state : Redux DevTool
Redux projet Devise
- Redux récapitulatif 1/2
- Redux récapitulatif 2/2
- Github correction + Lien vers API
- Présentation de l'app
- Découverte des API
- Récupération des pays
- Envoyer les pays dans le store
- Filtrer les données inutiles
- Remplir la select box avec les pays
- Récap' sur le spread operator
- Gérer les dates de début et de fin
- Reducer pour récupérer les taux de change
- Retirer les monnaies non supportées
- Mettre en place le container liste
- Afficher les drapeaux
- Générer des graphiques ave Chartkick
Redux projet boite à post
- Présentation du projet
- Correction ReactReduxPosts
- Mise en place de l'API
- Architecture
- Squelette
- Se déplacer dans L'URL avec React Router
- Passer des paramètres avec React Router
- Note : Redux-Thunk
- Les actions
- Connecter notre liste
- Liste Item
- Post content
- Accéder aux posts par l'URL
- Liens
- Supprimer un post
- Animations
- Création de formulaire
- Introduction Redux form
- Utilisation de Redux form
- Soumission d'un formulaire
- Validation de formulaire
- Filtrage
- React native
Bonus : Deployer son application sur le net
- Déploiement du projet React Netflix partie 1
- Déploiement du projet React Netflix parti 2
