Formation React pour Next.js

Name: Formation React pour Next.js
Brand: Human Coders
SKU: 7081
Price: 800 EUR
Availability: InStock
Rating: 4.7 (15 reviews)

Une journée de React avant d'attaquer Next.js : architecture par composants, JSX et TypeScript, hooks et partage de données entre composants.

Description
Programme
Formateur(s)

Description
Programme
Formateur(s)
Demander un devis

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

Thématiques de cette formation

Next.js React

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

Pour les 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. Les prérequis sont modestes : les bases de HTML, CSS et JavaScript, et la syntaxe ES6 (fonctions fléchées, déstructuration).

Cette formation est une mise à niveau avant Next.js, dont les prérequis demandent de savoir créer un composant interactif, gérer son état et utiliser les hooks. Si ces bases sont déjà solides chez vous, cette journée n'est pas nécessaire.

Oui, une partie de la journée lui est consacrée : création de types, application aux fonctions et variables, puis aux composants React, avec des données complexes récupérées depuis une API. Vous travaillerez aussi les hooks, le partage de données entre composants et le context React.

Non, elle vise à aborder Next.js sans lacune sur les bases, pas à couvrir React en profondeur. Pour aller plus loin, la formation React dure trois jours et React Avancé approfondit ensuite performance, patterns et tests.

Nos formations sont éligibles à plusieurs dispositifs de financement, selon votre situation. Human Coders est certifié Qualiopi, ce qui permet la prise en charge par des organismes comme Pôle emploi, votre OPCO ou encore le CPF (Compte Personnel de Formation) pour certaines formations.

Pour en savoir plus, veuillez consulter notre page : Comment financer votre formation ?

Oui, la formation peut être proposée en présentiel ou en distanciel. Pour les inter-entreprises, les modalités (présentiel ou à distance) sont fonction de la session.

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

Les formations se déroulent toujours en petit groupe de 3 à 6 stagiaires. Nous souhaitons que les formateurs et formatrices puissent passer un maximum de temps avec chacun·e.

Voici une journée type :

9h : vous êtes accueillis par votre formateur·rice autour d'un petit déjeuner (croissants, pains au chocolat, jus de fruit, thé ou café...)
9h30 : la formation commence
12h30 : pause de midi. Le·a formateur·rice mangera avec vous. C'est l'occasion d'avoir des discussions plus informelles.
14h : reprise de la formation
18h : fin de la journée

8 raisons de participer à une formation Human Coders

Satisfaction client élevée : Un taux de satisfaction de 4,6/5 depuis 2012 (sur 1968 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 : 277 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