Your cart is empty.
Keep shoppingReact (18) et Redux (Toolkit) par la pratique (3 projets).
22 students
React (18) et Redux (Toolkit) par la pratique (3 projets).
Apprendre à écrire ses propres projets.
Created byHadley Videlier
Last updated 9/2024
French
What you'll learn
- CSS : grid, flex, absolu/relatif. Responsiveness par media-queries.
- React 18 et son écosystème : axios, react router, styled-components, react-icons, react-toastify, react-select, highcharts.
- Redux : Redux ToolKit. Cycle redux, dispatch, action, thunk, reducer, state, slice.
- Interaction avec API REST externe. Code asynchrone async/await, try/catch.
- Extensions vscode, commandes git de base, creation d'un compte github. Déploiement par Netlify. Astuces de déploiement.
Explore related topics
Course content
5 sections • 316 lectures • 32h 6m total length
Requirements
- Cours pour juniors. Quelques prérequis préférables.
Description
Salutations,
En plus des 3 langages de base du front end (HTML5, CSS, JavaScript), ce cours se focalise sur :
React (version 18) qui est un framework JavaScript.
Redux (dans sa version Toolkit) qui est un state manager.
CSS3 pour l’écriture du style.
Au sujet de React : Programmation fonctionnelle ici. Nous utiliserons un certain nombre de librairies de l’écosystème comme react-icons, react-select, react-toastify, react-router-dom (v6) pour le routage, axios pour les requêtes asynchrones, Highcharts pour les graphes, styled-components pour faciliter l’écriture du CSS.
Au sujet du CSS : nous n’utiliserons pas de framework, simplement styled-components, très pratique. Le style sera responsive (media-queries). Nous pratiquerons beaucoup les deux systèmes principaux de layouting ; Flex et Grid.
Au sujet de Redux : Version Toolkit. Notions de cycle redux, dispatch, actions, thunks, payload, reducer, slice, store/state, et d'etat fulfilled/error/reject.
Nous voyons aussi comment muscler vscode avec des extensions qui facilitent la vie du développeur et nous créons des comptes (gratuits) chez github et netlify pour déployer nos projets.
Le but est de travailler suffisamment les briques du frontend et de React pour apprendre à se lancer tout seul et à utiliser des ressources du net pour créer des applications personnelles pouvant servir de démonstrateurs.
Nous utiliserons plusieurs API REST et les requêtes à celles-ci se feront grâce à la librairie axios et à un code JavaScript basé sur les blocs async/await et try/catch.
En plus d’une page personnelle, un projet sur le thème de l’espace et un autre sur le thème de la finance de marché sont proposés.
Who this course is for:
- Cours interessant pour ceux qui souhaitent passer a l'ecriture de leurs propres projets.