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
étudiants
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...) :
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.)
Virgile
Créateur de Algomax et développeur React (Remix)
Romain Cerezo
Co-fondateur de SendShort, créateur de contenu
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
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.
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 :
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
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
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
`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
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
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
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
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
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 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 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 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 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 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 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.
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 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.
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.
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.
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.
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 CAMARAFais décoller ta carrière dès aujourd'hui 🚀
123 leçons (~21h de vidéos)
Communauté discord privé
Mises à jour à vie
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
Paiement en 4 fois 150 € disponible
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
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 :
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à.
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 Bozzetto6'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