$ 49.00

Tuto Devenir opérationnel rapidement en React - Volumes 1, 2 et 3 avec React

$ 49.00

  • Une formation vidéo de 6h12m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Les compétences sur React restent parmi les plus recherchées en 2019 dans l'univers du développement Front (quasiment à égalité avec Angular). S'il est vrai que de nouveaux frameworks Front sortent régulièrement, la réalité du marché est sans équivoque : sites d'emploi et réseaux sociaux pro continuent de regorger d'offres d'emploi et de missions React.

Cette formation vidéo est faite pour vous, qui désirez acquérir rapidement et efficacement des compétences React. Que vous soyez développeur web souhaitant apprendre une toute première librairie Front ou que vous ayez déjà une compétence sur un autre framework ou une autre librairie Front (telle qu'Angular ou Vue), cette formation vous permettra :

  • d'aller à l'essentiel en créant d'emblée des applications React,
  • d'apprendre les bonnes pratiques à intégrer dès le début et de prendre conscience des anti-patterns à éviter,
  • d'apprendre les raccourcis de pro qui vous feront gagner du temps,
  • de comprendre les spécificités de React afin de tirer profit de la librairie ,
  • de créer des formulaires, 
  • d'implémenter le routage avec React-Router-DOM v5,
  • de générer des fichiers PDF,
  • de mettre en pratique les nouveautés d'ES 6.

 

Au programme de cette formation : devenir opérationnel avec React

Le volume 1 vous permettra de prendre en main React via la création d'un Pomodoro.
Au programme :

  • components
  • state
  • gestion d'événements
  • child components
  • utilisation de Twitter Bootstrap
  • utilisation de components externes, en l'occurrence de "toastify"

Le volume 2 vous vous fera passer le niveau supérieur en vous accompagnant durant la création d'un générateur de devis + exports desdits devis au format PDF :

  • gestion de formulaires
  • création de controlled components
  • création de SFC (Stateless Functional Components)
  • génération de PDF

Le volume 3 de cette formation vous permettra d'élargir l'horizon des connaissances React acquises lors des volumes 1 et 2.
Au programme :
routage
requêtes AJAX
menu Flexbox

Comme c'était le cas lors des volumes 1 et 2, nous développerons ensemble une application concrète - une SPA obtenant ses données à partir d'une API REST -  qui vous permettra d'articuler tous les points abordés, afin que vous puissiez comprendre et mettre en oeuvre ces techniques lors d'une mission React.

Prenez en main facilement cette librairie utilisée par de nombreuses entreprises, ce qui vous garantira d'être en position de force face aux recruteurs. Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. Les fichiers de travail sont fournis. 

Table des matières de cette formation React (durée : 6h12m)

  • Projet 1 - Tomatimer
    • Présentation gratuit 00:03:57
    • Présentation de l'application créée et modification du component racine gratuit 00:12:37
    • Créer notre premier component gratuit 00:06:23
    • Modifier l'état dun component à l'aide de setState 00:13:44
    • Gérer les événements click 00:10:11
    • Améliorer l'expérience utilisateur 00:01:53
    • Créer un child component et lui passer des props 00:09:28
    • Créer un child component utilisé par un child component 00:06:34
    • Ajouter Bootstrap 4 00:09:20
    • Formater les valeurs rendues 00:09:03
    • Utiliser le package toastify 00:13:21
    • Autres components simples 00:11:18
  • Projet 2 - Un générateur de devis
    • Présentation du projet gratuit 00:04:46
    • Génération de notre application à l'aide de create-react-app 00:03:14
    • Passer des props à un component enfant 00:10:05
    • Afficher conditionnellement un component enfant 00:05:01
    • Stateless Functional Component 00:04:38
    • Création d'un formulaire 00:05:03
    • Faire d'un champ texte un "controlled component" 00:10:54
    • Installation de boostrap 00:01:03
    • Mettre à jour l'état lors d'un changement dans n'importe quel champ texte 00:11:11
    • Ajouter de nouvelles propriétés à l'objet "items" 00:07:42
    • Créer dynamiquement des instances d'un component 00:09:36
    • Gérer les changements de components enfants 00:08:19
    • Gérer les changements d'état des items du devis 00:10:06
    • Générer un fichier PDF 00:17:30
    • InputText : exemple de Stateless Functional Component 00:10:45
    • Utilisation de notre Stateless Functional Component 00:06:34
    • Présenter le document PDF 00:09:15
    • Introduction à Flexbox 00:08:34
    • Introduction à Flexbox (suite) 00:09:44
    • Introduction à Flexbox (fin) 00:11:14
    • Présentation plus élaborée du devis 00:05:57
    • Utilisation de reduce() 00:11:25
    • Finalisation du document PDF 00:14:30
    • Sauvegarder le PDF 00:01:46
  • Projet 3 - "en route"
    • Présentation du projet "en route" gratuit 00:03:24
    • Effectuer une requête AJAX 00:09:11
    • Passer les données de l'API en tant que props 00:04:38
    • Ajouter un component Todo et gérer la présentation à l'aide de Flexbox 00:06:10
    • Le routage dans le cas de components sans props 00:08:34
    • Le routage dans le cas d'un component qui a besoin d'une prop 00:02:09
    • Utilisation du component Link pour le routage 00:03:15
    • Styliser le menu de navigation à l'aide de Flexbox 00:04:42
    • Route avec paramètre dynamique 00:08:12
    • Récupérer le paramètre d'une route 00:05:51
    • Faire d'un Flexbox child également un container 00:05:56
    • Conclusion du projet 3 00:03:19



Formateur : Codeconcept

Codeconcept a publié 9 tutoriels et obtenu une note moyenne de 4,7/5 sur 25 tutoriels vendus. Voir les autres formations de Codeconcept

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    React
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1149 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données