Formation React pour Next.js

Description

Cette formation React pour Next.js vous permettra de consolider en une journée les fondamentaux React et TypeScript indispensables avant d'attaquer la formation Next.js.

Pendant 1 journée, vous apprendrez à :

• construire et faire communiquer des composants React avec des hooks et le context,
• typer vos données et vos composants avec TypeScript,
• aborder une formation ou un projet Next.js sans lacune sur les bases React.

Public

Cette formation s'adresse aux développeur·euse·s JavaScript qui s'apprêtent à travailler avec Next.js et dont la pratique de React est partielle, ancienne ou inégale au sein de l'équipe.

Formation IA-friendly

Cette formation étant IA friendly, les sessions sont adaptées aux développeur·se·s qui souhaitent utiliser de l'IA pour coder. Les exercices sont conçus pour tirer parti des IDEs agentiques. Le·a formateur·rice vous accompagnera sur les bonnes pratiques du développement assisté par IA.

Les objectifs

• Comprendre l'architecture par composants et l'écriture du JSX
• Créer des composants React et partager des données entre eux
• Utiliser les hooks et gérer l'état d'une application
• Lire et modifier des données globales avec le context React
• Typer fonctions, variables et composants avec TypeScript

Pré-requis

• Maîtriser les bases du développement HTML/CSS/JavaScript : savoir créer une page web simple
• Être familier avec la syntaxe ES6 (fonctions flèches, destructuration, …)
• Ordinateur portable à apporter

Le programme de la formation React pour Next.js

Jour 1 — Les fondamentaux React et TypeScript avant Next.js

• Découvrir React.js
  • Appréhender le concept fondamental d'architecture par composants et l'écriture JSX
  • Installer et faire ses premiers pas en React.js
  • Comprendre l'intérêt du DOM virtuel dans une application React
• TypeScript
  • Comprendre l'intérêt de l'utilisation de TypeScript
  • Création de types, application aux fonctions et variables
  • Appliquer l'utilisation de TypeScript à une application React
• Écriture du JSX et manipulation de données
  • Partager des données entre composants
  • Découvrir l'utilisation des hooks et la gestion d'état dans les composants
  • Récupération des données d'une API et problématiques inhérentes à une SPA
  • Lecture et mutation de données globales grâce au React context

Mises en pratique :

• Découverte de l'écriture JSX
• Création de premiers composants
• Partage de données entre composants
• Découverte de TypeScript
• Application de types de données sur des fonctions et variables suite à la récupération de données complexes d'une API
• Utilisation et création de hooks
• Utilisation du context React

Télécharger le programme

Formateur

Antoine BOURIN

Antoine utilise le framework Next.js depuis plus de 5 ans dans le cadre de projet variés : migration de PHP vers Next.js, optimisation de la vitesse de sites e-commerce et optimisation du rendu serveur sur des sites existants, etc.

Antoine est formateur Next.js depuis 2023 et grâce à ses vidéos a accompagné plusieurs centaines d'apprenants !

Il s'attèle à rester continuellement à la pointe grâce à une veille active. Que ce soit via le discord officiel next.js, le suivi des releases ou les tests des nouvelles fonctionnalités sur ses side projects. Antoine saura vous partager les dernières techniques de Next.js !

FAQ

8 raisons de participer à une formation Human Coders

• Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 1922 sessions réalisées). 99% des participants se disent satisfaits de nos formations
• Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
• Catalogue de formations complet : 273 formations au catalogue, de quoi vous accompagner sur tout vos projets
• Écosystème dynamique : Nous accompagnons les dev depuis 14 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
• Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
• Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
• Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux