Formation React

Ref :

Avis client : 3,9/4 - Note calculée sur la totalité des retours au cours des six derniers mois

Développement Durée :
3 jours - 21 heures
Lieu :
Asnières s/ Seine ou en Distanciel

Tarif

Intra :
Inter :
1 950€ HT / pers
Inscrivez-vous

Demande d'informations

Les prochaines dates par ville

[+]Formation à distance

Pré-requis

Avoir une compréhension de base du développement Web, y compris des connaissances en HTML, CSS et JavaScript. Une solide connaissance de JavaScript est particulièrement importante. Une bonne compréhension des concepts fondamentaux de la programmation JavaScript, tels que les variables, les fonctions, les boucles et les conditions, est nécessaire pour travailler avec React. Une familiarité avec le balisage HTML et les styles CSS est importante. Une connaissance de base de Node.js et NPM serait utile pour travailler efficacement avec React. Il est préférable d'avoir une compréhension de base des fonctionnalités : ES6+ (ECMAScript 2015 et versions ultérieures)

Matériel requis :
De préférence avoir la dernière version LTS de NodeJS installée (sinon version 12 minimum) - Un IDE pour le JavaScript (de préférence VS Code ou Webstorm)

Public concerné

Développeurs Web, Développeurs Front-end, Développeurs de logiciels, Développeurs expérimentés dans d'autres frameworks

Objectifs

Comprendre les fondamentaux de React
Maîtriser JSX
Créer des composants réutilisables
Gérer l'état de l'application
Interagir avec des API et les services web
Mettre en place un environnement de développement

Programme détaillé

Introduction

Prerequisites

Basics

  • Create project
  • JSX
  • Props
  • List
  • Hooks
  • State and events
  • Effects
  • Custom hooks
  • Controlled forms
  • DOM references
  • Children
  • Services
  • Exercice
  • Tests

Routing

  • React router
  • Add route
  • Edit route
  • Titles and redirect
  • Exercises
  • Delete article
  • Child routes
  • Tests

Advanced

  • Fragments
  • Contexts
  • Code splitting
  • Performances
  • Other hooks
  • Tests

Miscellaneous

  • Alternative syntax
  • HOC
  • Render props
  • Uncontrolled components
  • JSX
  • CSS
  • Environment variables
  • Storybook
  • SSR
  • Types

Exercice

Questions

Tout le long de la formation on construit une application (en mode fil rouge) qui ressemble à un back office de gestion d'articles.
C'est assez dirigé au début, mais à partir de la partie "Routing" les exercices sont un peu plus en autonomie

Modalités pédagogiques

Tous nos stages reposent sur une alternance entre transfert de connaissances et de savoir-faire, à travers des exercices concrets, des tests pratiques et des analyses de situations. Cette méthode permet une appropriation rapide des sujets par les stagiaires. 
Notre formateur s’appuie sur les connaissances préexistantes du stagiaire. Il combine diverses modalités pédagogiques: des exposés théoriques, des temps d’échanges, des études de cas, permettant à l’apprenant d’être acteur de la séance de formation.
Lors des formations en groupe, l’accent est mis sur l’interactivité, intégrant ainsi la possibilité de progresser en équipe et de réussir ensemble.
Le scénario de nos cours est adapté afin de faire directement référence aux attentes des stagiaires. Les exemples et exercices sont, dans la mesure du possible, au plus près des missions réalisées par vos collaborateurs. 
En effet, notre processus de personnalisation d’accès à la formation nous conduit à choisir et combiner différentes méthodes classiques qui ont fait preuve de leur efficacité, en fonction des objectifs à atteindre et du public reçu en formation.

Nos Actualités