Mise à jour et prêt pour React 19

Pour les développeurs qui veulent maîtriser React afin d'être capables de trouver un job dans la tech

Rejoins le top 10% des développeurs React et trouve un job

Comprends React dans les moindres détails même si tu es débutant et que tu ne connais que JavaScript

TOUTES LES INFOS DANS UNE VIDÉO

AMAJJAAMSTLNFC

1'012 étudiants

Voir les avis

Mis à jour le 1 juillet 2024

5 workshops et +90 exercices

Aucun risque - Garantie au résultat

Discord privé et webinaire mensuel

React est compliqué

Depuis quelques années, React s'est imposé comme leader du marché avec toutes les plus grosses entreprises qui l'utilisent (Airbnb, Uber, Facebook etc...) :

brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo

Ils te demandent tous de savoir faire du React comme “prérequis”.

Pourtant quand tu commences React, tu te rends compte que c’est compliqué :

  • Les lifecycle React incompréhensibles avec useEffect
  • Les render étranges avec les optimisations compliquées
  • Le state management qui ne fait pas ce que tu veux

Tu as l'impression que React est très compliqué...

Je le sais !

Je suis aussi passé par là !

Même les concepts “simples” paraissent compliqués quand tu commences. (je galérais à faire une liste en React à mes débuts)

Le pire c'est que quand tu regardes un tuto, tu te sens nul car tu as l'impression de ne rien comprendre.

Tu n’es pas d’accord ?

Mais le problème ce n’est pas toi. (C'est la méthode d'apprentissage.)

Melvyn propose les meilleures formations de développement web en français. J'ai été impressionné par la qualité des cours, qui mélangent théorie et pratique pour favoriser la mémorisation.
Virgile

Virgile

Créateur de Algomax et développeur React (Remix)

Son contenu riche et sa méthode d'enseignement pratique m'ont donnés de solides connaissances pour le lancement serein de SendShort.
Romain Cerezo

Romain Cerezo

Co-fondateur de SendShort, créateur de contenu

Si tu veux maîtriser React et NextJs, je te recommande la formation de Melvyn. Toutes les personnes que j'ai coaché et qui ont suivi cette formation sont toutes ravies sans exception. Les cours sont clairs et très orientées pratique. Enfin bref, n'hésite pas !
Johan Le Roch

Johan Le Roch

Développeur Freelance Senior en React et créateur de contenu

Le problème, c’est la méthode (d'apprentissage)

Je suis là pour t’aider à maîtriser React rapidement.

Quand j'ai commencé à me former, j'ai galéré pour trouver des cours pertinents.

J'avais l'impression de me noyer dans le contenu disponible et surtout de ne pas comprendre ce que je faisais.

Après 4 ans en entreprise, j'ai décidé de créer le programme que j'aurais voulu avoir à cette époque pour apprendre React.

Pour ça, mon but est de créer le déclic qui fait que tu comprennes durablement les concepts React.

Car...

Quand tu maîtrises React, c’est magique ✨

Tu es capable de créer n’importe quelle application, transformer tes idées en réalité à une vitesse incroyable.

Dès que tu vas avoir le ⚡ déclic ⚡, tu vas être inarrêtable.

Mais pour ça, il faut construire un modèle mental solide qui va te permettre de comprendre tous les détails de React et de résoudre les problèmes les plus compliqués.

Le truc, c’est que ce n’est pas sur YouTube que tu développes ces compétences…

Ton formateur

Melvyn Malherbe

Développeur depuis 6 ans

Hello, je m'appelle Melvyn et j'ai aidé des milliers de développeurs francophones.

Après avoir travaillé pendant 4 ans dans l'industrie, j'ai voulu créer du contenu sur ma passion.

Par chance et après plus de 300 vidéos, j'ai réussi à créer une vraie communauté sur YouTube... déçu de la pédagogie proposée dans les formations standards, j'ai créé ma plateforme de formation :

✨ Codeline.app

J'ai étudié la pédagogie, tous les détails de la programmation et j'ai mis toute mon expertise dans des formations dont je suis particulièrement fier.

J'ai créé beaucoup d'autres applications que tu peux retrouver sur mon Github

Hello, c'est moi Melvyn 🚀

La plupart des cours échouent

Toutes les vidéos YouTube, les formations Udemy ou autre que tu trouves ont totalement échoué à correctement transmettre React.

Les autres formations

Moi avec BeginReact

Les autres formations VS BeginReact

🤮 Régurgiter les informations

Ils lisent, parlent, montrent du code et copient la doc sur un Google Slide sans apporter la vraie valeur.

✨ Te faire comprendre les concepts

Je vais être ton mentor pour que tu comprennes les concepts avancés afin que tu intègres comment fonctionne React.

J'ai créé des centaines de schémas pour tout t'expliquer et m'assurer que tu comprennes ce que tu fais.

🥱 Format long et ennuyeux

Je ne suis pas devenu développeur pour entendre une voix monotone et ennuyeuse avec un support inexistant.

Le pire c'est qu'il manque cruellement de quiz ou d'éléments interactifs pour s'approprier le contenu.

Spoiler : une vidéo YouTube n'aide pas.

🛝 Fun et interactif

Maintenant imagine une plateforme où tu as des vidéos courtes (max 10 minutes) qui sont fun.

Tu as des playground pour interagir avec mes explications en direct, des quiz dynamiques et plein d'autres éléments qui te font apprendre de manière cool.

😩 Des mauvais exercices

Faire des clones de Netflix ou de Airbnb en regardant des vidéos de 5 heures est le PIRE moyen d'apprendre.

Tu te retrouves à la fin avec un projet qui ne marche pas que tu ne serais même pas capable de reproduire.

🪜 Difficulté désirable

J'ai créé des exercices qui sont un équilibre parfait entre "trop compliqué" et "trop simple".

Le but est qu'avant même de t'expliquer une chose, tu pratiques pour te créer de la curiosité et que tu veuilles terminer chaque module sans voir le temps passer.

Tout ça, je ne l'ai pas inventé.

J'ai lu des dizaines de livres pour apprendre à apprendre et j'ai prouvé mes méthodes avec les centaines d'avis que j'ai eus.

Par exemple celui de Victor...

Il a rejoint toutes mes formations pour ma méthode

Je propose une méthode de formation unique nommée CAPE pour Comprendre Apprendre Pratiquer Expliquer.

C'est pour cette méthode ainsi que la "difficulté désirable" que Victor a rejoint toutes mes formations.

Le code au départ est compliqué puis en un claquement de doigts avec Melvyn ça paraît simple. La notion de difficulté désirable c'est game-changer pour retenir. Il y a une vraie volonté de formation.

Victor Aublivé

Imagine devenir un PRO en React et être...

    Meilleur que 90% des développeurs React…

    Capable de créer n’importe quelle application rapidement (Ex: SaaS comme TypeFully)

    Confiant dans tes compétences car tu as compris la majorité des concepts React

Et qu’en plus, tu aurais la garantie que ça fonctionne, tu ne voudrais pas directement faire partie de l'aventure ?

C'est précisément ce que je te propose avec BeginReact.

🔨 Workshop

4 Workshops pour faire de toi un développeur React

Des exercices concrets qui vont te faire découvrir la puissance de React !

Projet final : Healthburger

Ensemble, on va créer un projet comme en entreprise avec des tickets :

healthburger notion board

Ce projet que tu vas faire seul va te permettre de repratiquer tout ce qu'on a vu dans BeginReact, avec SWR, react-hook-form et Zustand.

Je t'explique ce qui t'attends ici :

Ce que tu vas apprendre

Fundamentals
Module 1

Fundamentals

Comprends comment fonctionnent le ReactDOM et le JSX dans les moindres détails.

  • 1 Pourquoi React ?
  • 2 Comprendre le virtual DOM
  • 3 Les renders et commits
  • 4 Comprendre React avec du simple JS
  • 5 Ajout de React sans JSX
  • 6 Ajout du JSX dans React
  • 7 Comprendre le JSX
  • 8 JSX vs HTML
Components
Module 2

Components

Tout sur les composants comme les props, les bonnes pratiques, etc...

  • 9 Quand créer un component ?
  • 10 La règle des composants
  • 11 Tous sur les props
  • 12 Les props children
  • 13 Le spread de props
  • 14 Les styles en 5 façons avec React
  • 15 Les listes
  • 16 Les keys
  • 17 Le Conditional Rendering
  • 18 Workshop : react-journey
useState
Module 3

useState

`useState` est le hook qui gère toute l'interactivité de tes applications et nous allons découvrir tous les détails.

  • 19 Les events handler
  • 20 Comment un state update l'UI ?
  • 21 State vs Props vs Variable
  • 22 Les custom hooks
  • 23 L'immuabilité des states
  • 24 Pattern de lifting state up
  • 25 Les outils pour la gestion des states
  • 26 Les formulaires
  • 27 React-hook-form
  • 28 Controlled vs Uncontrolled
  • 29 Workshop : elevation-generator
useEffect
Module 4

useEffect

Le hook le plus compliqué, c'est useEffect, et dans ce module, je vais supprimer le brouillard autour de ce hook.

  • 30 Les règles des hooks
  • 31 Tout sur le useEffect
  • 32 Les dépendances
  • 33 Le cleanup
  • 34 Custom hook : useEventListener
  • 35 Fetch de données
  • 36 SWR
  • 37 Le Strict Mode
  • 38 Workshop : movie-finder
State Management
Module 5

State Management

Le plus gros problème que l'on rencontre, c'est de gérer les données dans des applications complexes. Nous allons le résoudre avec Zustand et useContext.

  • 39 useContext syntaxe
  • 40 La VRAI utilité de useContext
  • 41 Création de Dialog avec useContext
  • 42 Owner VS Parent Component
  • 43 Découvert de Zustand
  • 44 Refactor avec Zustand
  • 45 Workshop : Création d'un Timer
Les hooks
Module 6

Les hooks

On va voir tous les autres hooks et même les plus compliqués comme useMemo ou useSyncExternalStore.

  • 46 La règle des hooks
  • 47 Le hook 'useId'
  • 48 La propriété ref
  • 49 La hook 'useRef'
  • 50 Pourquoi React rerender ?
  • 51 Les composants purs avec 'memo'
  • 52 Le hook 'useMemo'
  • 53 Le hook 'useCallback'
Patterns
Module 7

Patterns

Pour faire un code propre, nous allons réutiliser des patterns efficaces.

  • 54 Les différents types de composants
  • 55 Délégation de props
  • 56 Le Polymorphisme
  • 57 Les utilisations de children
  • 58 L'utilisation des clés
  • 59 Les states dérivées
  • 60 Principe du moindre privilège
  • 61 Bien gérer ses states
  • 62 HOC - High order component
  • 63 Le ForwardRef
Workshop : Final
Module 8

Workshop : Final

Le dernier workshop va nous permettre de pratiquer tout ce qu'on a vu dans la formation.

  • 64 Workshop complet sur tout ce qu'on a vu

Tu vas aussi avoir ces bonus 👀

🎁 Bonus 1 : Cours bonus

Sur TypeScript

Accède à une mini-formation TypeScript gratuitement.

bonus sur react

🎁 Bonus 2 : Replay

Accède à tous les anciens webinaires

J’ai fait des masterclass sur les bases de données, la création d'un portfolio, la création d'UI de Dashboard et j'en passe.

bonus sur react

🎁 Bonus 3 : Articles

Tous les meilleurs articles sur React

Retrouve tous les meilleurs contenus sur React avec des articles qui ont fait x10 sur ma carrière.

bonus sur react

🎁 Bonus 4 : Communauté

Discord et webinaires live

Accède à mon discord et partage avec tous les membres de mes formations. Retrouve-moi en live tous les mois pour des présentations privées.

bonus sur react

🎁 Bonus 5 : Interview

Rencontre avec le roi de React 👑

Une interview de 40 minutes avec Sébastien Lorber qui a une des plus grosses newsletters React.

bonus sur react

🎁 Bonus 6 : Interview

Les secrets du freelance 🤐

Plus de 50 minutes d'interview avec Mikael formateur Freelance qui a accompagné des centaines de développeurs et qui va répondre à toutes les questions que tu te poses uniquement pour BeginReact.

bonus sur react

🎁 Bonus 7 : Trouver un job

Test technique React à faire ✅

Tu vois les tests chiant et étrange qu'on te donne quand tu cherches un job ? J'en ai préparé pour que tu puisses t'entraîner.

bonus sur react
🚀 Mais ce n'est pas TOUT

Bien plus qu'un cours Udemy , une formation complète pour comprendre React

Ma formation est publiée sur Codeline.app, une plateforme de formation que j'ai créée de A à Z et qui propose les outils suivants :

🤖 ChatGPT

ChatGPT agent gratuit

Accède à un chat illimité qui te permet de répondre à toutes tes questions sur mes leçons. Un vrai mentor toujours avec toi.

typescript
☘️ Quiz

Des centaines de quiz

Le meilleur moyen d'apprendre et de se tester constamment. D'après les études de Make It Stick, ils expliquent que le plus important est de se tester régulièrement.

typescript
🔨 Playground

Code sur ma plateforme

Tu vas pouvoir réaliser des expériences sans quitter mon application. Tu retrouveras des commentaires, la possibilité de prendre des notes et bien plus.

use query gif
🔨 Motivation

Suis ta progression avec des graphiques

J'ai chouchouté mon application pour mettre en avant ta progression avec des graphiques et de nombreux autres features que tu vas découvrir.

nextjs 12 video

BeginReact va te faire pratiquer...

Comme tu le vois, il y a 5 workshops et des centaines d'exercices.

Car on n'apprend pas en regardant des vidéos...

J'ai à cœur de faire de toi un développeur opérationnel qui comprend les détails de React pour montrer que tu sais ce que tu fais.

Plus j'avance dans la formation, plus j'ai l'impression de comprendre ce que je fais, ce que j'applique, etc.

Loic CAMARA
Passe à l'action ⚡️

Fais décoller ta carrière dès aujourd'hui 🚀

123 leçons (~21h de vidéos)
Communauté discord privé
Mises à jour à vie

B

BeginReact

Maîtrise React et trouve un job

600

Accès illimité à BeginReact à vie !

  • 123 leçons (~21h de vidéos)
  • 112 mini-exercices
  • 5 workshops complets
  • Accès à la communauté à vie
  • Toutes les mises à jour à vie
  • 🎁 6 bonus
  • Garantie inconditionnelle pendant 30 jours

Inclus

  • B

    BeginReact - 600

  • Rejoindre le top 10%

    Paiement en 4 fois 150 € disponible

    Bundle
    Le plus populaire
    R

    React PRO Bundle

    Maîtrise React et Next.js

    1200

    899

    -301

    Accès illimité à NextReact ainsi qu'à BeginReact, mes deux formations best-seller à vie.

    • Tout ce qu'il y a dans BeginReact plus :
    • Projet YouCode de A à Z (comme en entreprise)
    • Cours sur TypeScript
    • Cours sur React Query
    • Cours sur NextJS 14
    • Cours sur Prisma / NextAuth
    • Plus de 85 leçons
    • Tout sur les server components & actions (Next.js 15 et React 19)
    • Garantie inconditionnelle pendant 30 jours

    Inclus

  • B

    BeginReact - 600

    N

    NextReact - 600

  • Rejoins le top 1%

    Paiement en 5 fois 240 € disponible

    Garantie inconditionnelle

    30 jours pour tester

    Chaque achat de formation vient avec une garantie remboursement intégral sans aucune condition durant les 30 jours suivant la date de commande.

    Quand je dis remboursement SANS CONDITION, c'est que je ne te demande aucune justification :

    refund

    Mais je ne m'arrête pas là... je te promets que si tu arrives à terminer la formation tu seras :

      Meilleur que 90% des développeurs React…

      Capable de créer n’importe quelle application rapidement (Ex: SaaS comme TypeFully)

      Confiant dans tes compétences car tu as compris la majorité des concepts React

    Je prends le succès de mes élèves très au sérieux et tu as ma promesse personnelle que ma formation va te permettre d'atteindre tes objectifs. Je vais tout mettre en place pour.

    Melvyn, créateur de Codelynx

    C'est pour ça que si tu termines l'intégralité de la formation* et que tu n'as pas l'impression d'être capable de postuler en entreprise et que tu ne trouves pas un travail 3 mois après avoir terminé la formation...

    Je te rembourse et te paie la formation que tu veux pour maximum 300 euros

    C'est simple, si ma formation ne t'apporte pas ce que je t'ai promis, je suis prêt :

    • à te rembourser 100% de ton achat même dans 10 ans
    • te payer n'importe quelle formation pour maximum 300 euros

    Les remboursements sont effectués sur ta carte de crédit en moins de 24 heures par notre support.**

    Avec Codeynx, j'ai à cœur de n'avoir que des élèves satisfaits qui sont motivés et heureux d'être là.

    refund

    Melvyn Malherbe

    * Il faut pouvoir prouver que tu as réalisé l'intégralité de la formation via le temps passé sur la plateforme, les projets de formation, etc...

    ** Le remboursement prend environ 10 jours à arriver. C'est Stripe qui gère ça.

    Il a trouvé un stage React à Bruxelles

    Ma formation ne va pas t'apprendre à me copier.

    Ni à simplement copier du code.

    Elle va faire de toi un développeur qui comprend React dans chaque détail.

    Elle t'aidera à trouver un stage, un travail ou n'importe quelle opportunité !

    Codeline change totalement des autres formations où l'on voit des lignes de code qui défilent et qu'on se contente de copier sans totalement comprendre. J'ai pu comprendre React et trouver un stage !

    Mirko Bozzetto

    6'000 € économisés...

    On ne va pas se mentir... ton but est de lancer ta carrière ou de créer des applications... tout cela rapidement !

    Justement, cette formation va t'aider à le faire plus rapidement.

    Sans BeginReact...

    Temps pour te former sur React avec YouTube :

    4 mois

    Salaire moyen mensuel d'un développeur :

    (Source) 3'300 €

    Total (3'300 € * 4) :

    13'200 € (PERDU)

    VS

    Avec BeginReact...

    Temps pour te former avec BeginReact :

    2 mois

    Mois gagnés par rapport à se former sans :

    (4 - 2) 2 mois

    Prix de BeginReact :

    -600

    Total (3 300 € x 2 - 600) :

    6'000 € (GAGNÉ)

    Fais le calcul par toi-même pour te rendre compte à quel point le temps vaut de l'argent.

    Le prix augmente 📈

    Nous sommes à la version 3 de BeginReact et historiquement à chaque nouvelle version le prix a augmenté.

    Prix / années

    L'avantage c'est qu'une fois rejoint...

    Tu auras automatiquement toutes les mises à jour à vie.

    Donc ne tarde pas...

    Profite du prix que tu as maintenant avant de devoir regretter...

    FAQ

    Ils en parlent mieux que moi...

    Plus de développeurs ont rejoint... voici leurs résultats.

    BeginReact

    ©Copyright Codelynx LLC 2024-present