React Fondamental

Paris | 28 mai
Prix
400
Dates
28/05 | 9h30 - 17h30
Lieu
Smooth Code
41 rue Réaumur
75003 Paris

Qu’allez-vous apprendre ?

Mise à niveau ES2017

React est un framework récent qui tire parti des dernières fonctionnalités du langage JavaScript. Nous verrons les nouveautés du langage JavaScript indispensables pour développer en React.

  • Découper et structurer son code avec les modules ES2015
  • Découvrir la déstructuration, les arrow functions, les classes et les template strings
  • Simplifier l'asynchrone avec async / await et les Promises

Pourquoi React ?

Que nous apporte vraiment React et quels sont ses avantages ? Quelles différences entre un langage "déclaratif" ou "impératif" ? En répondant à ces questions, nous verrons pourquoi React permet d'augmenter notre productivité.

  • Comprendre les problèmes résolus par React
  • Découvrir les points forts de React par rapport aux autres frameworks
  • Comprendre l’approche déclarative

Quels sont les bons outils ?

React est très efficace car il dépend d'un écosystème. Nous verrons ensemble les outils qui vous permettront de coder de façon rapide, agréable et efficace.

  • Comprendre l'écosystème React
  • Utiliser les bons outils pour développer plus vite
  • Prettier, Babel, Webpack, ESLint...

Vos premiers composants React

React est basé sur l'utilisation de composants. Nous apprendrons la syntaxe pour créer des composants, comment leur ajouter un state et les documenter. Nous verrons aussi le concept de cycle de vie d'un composant.

  • Définir des composants
  • Ajouter un state à un composant
  • Documenter ses composants avec les PropTypes
  • Intéragir avec les événements

State vs Props

Comprendre la différence entre le state et les props est fondamental. Nous explorerons ensemble ces différences et découvrirons comment passer de l'un à l'autre.

  • Comprendre la différence entre state et props
  • Savoir quand utiliser le state vs props
  • Composer des composants génériques en composant spécialisés
  • Faire transiter de la donnée dans son application

Les formulaires en React

Les formulaires sont souvent au coeur de toute application. React et son approche "déclarative" vous ferons aimer à nouveau les formulaires.

  • Apprendre à créer des formulaires
  • Composants contrôlés VS non contrôlés
  • Utiliser les événements DOM en React
Télécharger le programme en PDF

Les Objectifs

Cette formation vous permettra de comprendre la philosophie de React et d’en maîtriser les bases. En codant votre première application, nous explorerons l'approche composant et déclarative de React. À la fin de la formation, vous serez en mesure d'utiliser React dans votre application.

À qui s’adresse cette formation ?

  • Les développeurs souhaitant apprendre React rapidement
  • Les développeurs souhaitant éviter de passer une semaine à lire de la documentation pas très intéressante
  • Les étudiants sortis d'école souhaitant acquérir une expérience React pour leur premier job
  • Les développeurs jQuery ou Backbone souhaitant passer à une approche "composant"
  • Les développeurs Angular ou Vue curieux de connaître les avantages de React
  • Les graphistes souhaitant passer à la vitesse supérieure et créer eux-même leurs composants
  • Les directeurs techniques ou chefs de projets souhaitant se mettre à niveau sur les nouvelles bonnes pratiques

Votre formateur

Greg Bergé

Greg Bergé

Greg est développeur JavaScript depuis le début des années 2000 et auteur de plusieurs librairies open-source à succès comme Shipit, React Hot Loader ou SVGR. Formateur à l’international, c’est l’expert JavaScript de Smooth Code.

Formulaire d’inscription