NextReact
Envie de passer au Next Level ?
Alors rejoins-moi au cœur de l'univers React 🦁 !
Maîtrise l'écosystème React avec cette expérience interactive.
React ne suffit pas.
Les entreprises exigent bien plus que la capacité de coder en React.
Son potentiel réside dans son écosystème.
Dès la première ligne de code, il faudra choisir des librairies !
Entre les 227 000 disponibles sur NPM 🤯
Si tu n'arrives pas à faire les bons choix et à sélectionner les bonnes librairies de l'écosystème...
Tu vas perdre beaucoup de temps et tu en feras perdre à ton équipe.
C'est pour ça que les entreprises ont besoin de développeurs qui maîtrisent...
L'écosystème
L'univers React est immense,
C'est ce qui fait la force de React !
Il te permet de créer tous types d'applications rapidement.
Mais le problème...
C'est qu'il faut le maîtriser :
Savoir quelles technologies utiliser, pour quelles raisons et dans quelles situations.
C'est cette compétence qui manque aux développeurs qui sortent de formations et les empêche de trouver un travail.
Mais alors, comment l'obtenir ?
Il faut d'abord trouver son chemin.
Il y a des dizaines de librairies pour gérer les states, les formulaires, les tests, l'UI et j'en passe.
Toutes les connaître est impossible !
Ce qu'il faut c'est...
L'univers React
Faire le bon choix
Te focaliser uniquement sur les librairies les plus essentielles.
Puis les explorer en profondeur !
Arrêter de jouer à saute-mouton en perdant ton temps...
Il faut plutôt chercher à comprendre le "pourquoi du comment" !
Là : tout devient facile
Quand tu maîtrises les 20% des librairies les plus utilisées, tu peux jouer à saute-mouton car tu comprends les concepts.
Tu sais, chaque librairie est composée de petits concepts.
Dans NextJS, tu trouveras le SSR, l'hydratation et pleins d'autres !
Quand tu les comprends, tout devient magique ✨
Tu peux changer de librairie, lire la doc et être opérationnel dans l'heure qui suit.
C'est compliqué d'atteindre cette compréhension 🤔
Mais ceux qui l'atteignent sorte de "l'entonnoir hell" :
L'entonnoir hell
React est la librairie la plus demandée du marché.
Et c'est que le début !
La demande augmente chaque année.
Alors pourquoi tant de développeurs galèrent à trouver leur job ?
Ils subissent l'effet de l'entonnoir :
Beaucoup de développeurs connaîssent React après des bootcamps ou autre.
Mais peu maîtrisent vraiment l'univers React.
Résultat ?
Ceux qui le maîtrisent récupèrent tous les meilleurs job.
Ils sortent enfin de l'entonnoir.
Ma mission c'est de t'aider à faire de même !
Pour ça j'ai créé...
Le programme
TypeScript
Je ne ferrais plus jamais une application React sans TypeScript.
Durant toute la formation, on va utiliser TypeScript, c'est pour cette raison que je te propose de commencer par ce module.
Il va te faire comprendre pourquoi utiliser TypeScript et comment l'utiliser.
Le workshop de ce module sera un TicTacToe, pour se concentrer sur les bases de TypeScript.
Les bases de TypeScript
Components + TS
Hooks + TS
Custom hooks + TS
Context + TS
Mindset de TS
useQuery et Zod
Le plus gros problème des applications React est la gestion des données.
React Query est le meilleur moyen de fetcher des données et de les gérer. Le faire dans des useEffect est une mauvaise pratique.
Ce module te permettra de maîtriser React Query et de comprendre quand l'utiliser.
Le problème... c'est que les données côté serveur mentent à TypeScript. C'est à ce moment qu'intervient Zod pour nous aider à gérer les données.
Le workshop sera un clone de Twitter!
Ajout de Zod
Pourquoi useQuery ?
useQuery et useInfiniteQuery
useMutation
useQuery et les keys
useQuery clean code
NextJS
C'est le framework de loin le plus populaire !
Son écosystème grandit et React commence à être de plus en plus utilisé avec NextJS.
Il est simple à utiliser mais les concepts qu'il apporte sont nombreux et bien plus complexes que React.
Ce module te permettra de tout maîtriser sur NextJS version 12 et 13.
On continuera le clone de Twitter !
SSR vs CSR
ISR et SSG
L'hydratation
API Routes
Intégration de Prisma
Intégration de NextAuth
Setup de Prettier, TS et ESLint
Tests
Les développeurs expérimentés savent que les tests sont indispensables.
Mais les tests sont souvent une étape que sautent les juniors.
Pourtant, les maîtriser c'est prendre une longueur d'avance sur tous les autres développeurs !
Je vais te montrer chaque détail à connaître pour bien tester ton application...
Mais surtout pourquoi tester !
Quoi tester ?
Tester un component
Mock de function, modules etc...
Mock de l'API avec MSW
Test de hooks
Test de contexts
Bonus 🎁
Tu auras accès à un discord exclusif sur lequel tu pourras poser tes questions.
Moi et les autres membres de la communauté NextReact te répondrons !
En plus de ça, un channel sera ouvert pour me poser des questions et que j'y réponde en vidéo, une sorte de coaching asynchrone !
Les Q&A seront publiés sur ma plateforme sous une section "Q&A" !
Finalement, durant le cours on apprend à setup un projet CLEAN de A à Z.
Accès au discord
Q&A en vidéo
Setup d'un projet NextJS
Accès à toute les futures MAJ
Apprend en plus dans cette petite vidéo
Imagine-toi...
Tu te lèves le matin... tu te poses devant ton ordi après avoir préparé ton café !
Tu vas sur ma plateforme et tu commences à lire mes cours...
Puis après 3 minutes : BOOM tu as déjà un exercice à faire !
Puis un quizz pour vérifier que tu as bien compris ce que tu viens de découvrir...
Sans oublier une vidéo explicative avec des schémas 🎨
Peu importe comment tu apprends, que ce soit visuel, par la pratique ou avec des quiz...
Tu devrais te retrouver dans ma pédadogie !
Elle suit la méthode CAPE
Comprendre
Apprendre ≠ Comprendre
Comprendre pour répondre à ces questions :
“Pourquoi c'est comme ça ?” / “Comment ça fonctionne ?” / “Les avantages et les désavantages ?”
Pour ça on retournera aux bases pour comprendre les concepts derrière React.
Tu comprendras l'usage de React mais également son utilité, pourquoi React a été créé etc...
30%
Apprendre
On apprend majoritairement en pratiquant.
Mais, pour 10% je vous partage la théorie avec la documentation officielle ainsi que quelques informations et expériences personnelles.
Je vais vous faire Pratiquer afin que vous appreniez par vous-même durant les corrections.
Le meilleur moyen d'apprendre est de faire des erreurs.
10%
Pratiquer
La pratique est essentielle, et si vous aimez pratiquer, vous allez être servi.
Il y a plus de 50 exercices dans cette petite formation, construits pour que vous puissiez Comprendre et Pratiquer.
Toute cette formation est fondée sur la pratique avec des corrections vidéos.
50%
Expliquer
Expliquer est la dernière étape de l'apprentissage. J'ai fait de nombreuses formations et aucune ne me l'a recommandé.
Durant cette formation, je serais disponible sur Discord et, à la fin de chaque module, je t'encouragerais a aider une autre personne.
Le meilleur moyen de réellement comprendre, c'est de pouvoir l'expliquer clairement à une personne autre.
10%
Plus de 200 élèves séduits
Cette méthode a été testée, approuvée et améliorée !
Beaucoup de personnes me disent qu'elles ont en marre !
Marre de perdre du temps...
Marre d'écouter des gens t'expliquer des choses qui sont dans la documentation.
J'ai fait tout l'inverse, je me contente de te schématiser et te faire exercer sur le sujet !
Pour le reste, je te partage le lien de la documentation...
Car en enteprise c'est elle qui te guidera.
Ma formation aura juste fait en sorte que tu la comprennes.
Test squad
Je veux proposer le meilleur cours possible.
Pour ça j'ai demandé à 40 personnes de tester NextReact.
Ils ont eu deux mois pour remonter tous les problèmes qu'ils ont eu, sur la plateforme, sur le contenu et sur mes vidéos !
J'ai pu tout réparer...
Pour te proposer une vraie expérience comme tu en trouves rarement !
"La formation est très dynamique car en plus des vidéos il existe aussi divers systèmes de progression (...) avec des ressources tel que des liens, images, des petit quizz, des sandbox pour faire directement l'exercice sans changer de page !"
Amelya
PC_Amelya"Next React permet d'aller sur des concepts plus précis, d'ajouter typescript, etc. L'aventage de la plateforme c'est les support écrit, les exercices sur le site avec les vidéos ! Ça offre une réel expérience."
Julien
@JuPo_WebDev"Je recommande vivement la formation de Melvyn, qui offre des vidéos et des exercices super clairs. Grâce à NextReact, j'ai appris des trucs de malade comme TypeScript et NextJS. À la fin de la formation, t'auras tout ce qu'il faut pour partir sur un projet solo. Si t'es prêt à bosser, alors fonce sur cette formation, t'auras pas de regret."
Alexandre
@AlexandreChsDev"La formation NextReact est une référence à avoir pour tous ceux qui cherchent à apprendre les bonnes pratiques en React et sur son écosystème (Next, React-Query, etc..). La formation est bien structurée et Melvyn fait preuve d'une excellent pédagogie pour enseigner les concepts ! La communauté sur le discord est également très présente et aidante !"
Adrien
@AdrienVers"Enfin une formation française de qualité sur NextJs. Tout ce qu'il faut savoir pour être un bon développeur avec les bonnes pratiques. La formation ne se limite pas à NextJs, elle traite également de TypeScript, zod, de ReactQuery, du front et du back, et enfin des tests. Une formation masterclass tout simplement"
David
@davidgrammatico"Le site donne vraiment l'impression que c'est un site de cours fait à la main pas juste des sérié de vidéo de 5 min comme la plupart des autres formations"
Abel
abdroul"NextReact n’est pas simplement un cours vidéo que vous vous contentez de regarder sans rien retenir comme sur Udemy. C’est une plateforme d’apprentissage « nextgen » qui permet de se challenger en codant directement dans le navigateur, tout en suivant les conseils de Melvyn qui est très pédagogue et explique pas à pas chaque concept avec des exemples et des métaphores pertinentes. Melvyn à créé lui même sa plateforme d’apprentissage avec les toutes dernières technos (NextJS 13 avec "/app" dir, React-Query, zod…) et c’est ces mêmes techno qu’il enseigne dans ses lessons. Je ne peux que recommander."
Florian
@flo_srn
ReactHebdo en parle !
La communauté NextReact
En plus de ma plateforme, tu auras accès à des channels privés sur discord pour NextReact 🔑
Tu pourras poser des questions pour te faire aider...
Mais surtout aider d'autres élèves !
Ce qui te permettra d'apprendre bien plus vite 📈
En plus de ça...
Il y a aura un channel où tu peux poser tes questions, et j'y répondrai directement sur la plateforme
Résultat ?
Encore plus de contenu ❤️
J'appelle ça le "Q&A asynchrone" !
Tu poses ta questions quand tu veux et, chaque semaine, je réponds à toutes les questions que je publie ensuite sur ma plateforme.
C'est le moment de
Maîtriser l'écosystème React
Ce qui est beau avec l’apprentissage c’est que personne ne peut vous le prendre.
NextReact
399€
Pour vous à vie... (payment en 4x 100 euros disponible).
- 30h de formation 🤯
- 100+ exercices pratiques
- Futures mises à jour
- Garantie de 30 jours (+ deuxième garantie)
- Accès à la communauté !
- Accès à la plateforme de cours !
- TOUS les bonus !
Garanties
NextReact va te plaire. Mais si tu doutes, je t'ai préparé deux garanties à toute épreuve.
Simple : satisfait ou remboursé pendant 30 jours.
Qu'on soit clair : si après 30 jours tu n'es pas totalement satisfait de NextReact, je te rembourse sans poser de question.
Tu peux avoir regardé les vidéos, fait les exercices, etc... Si tu n'es pas satisfait, je te rembourse.
Pour ça, envoie un mail à contact@codelynx.dev avec comme objet "PAS SATISFAIT" et tu recevras le remboursement sous les 10 jours.
Soit tu passes au next level, tu comprends les concepts que je partage sur NextJS, les tests, TypeScript, etc... soit je te rembourse et en plus je te paie la formation d'un concurrent pour 200 euros.
⚠️ Pour être éligible à cette garantie, il faut prouver que tu as appliqué toute ma formation. Il faut avoir regardé l'intégralité des modules, fait tous les exercices et avoir posé minimum 10 questions sur le discord.
Si c'est ton cas, envoie un mail à contact@codelynx.dev avec comme objet "REMBOURSEMENT NEXT LEVEL" et la preuve de tes exercices, etc...
FAQ
NextReact s'adresse à tous les développeurs qui ont des bases en React. Il faut connaître les bases présentées dans cet article !
Si tu as terminé un bootcamp ou une formation qui t'a appris React et que tu veux passer au Next Level, c'est fait pour toi.
Si tu es junior en entreprise et que tu souhaites considérablement t'améliorer, c'est aussi fait pour toi.
Tu peux demander à ton employeur de te le payer avec cette lettre : https://codelynx.dev/nextreact/patron
Il n'y a pas d'essai gratuit mais je te propose deux garanties que tu retrouveras dans la section garanties.
En clair, tu peux être soit remboursé après 30 jours si tu n'es pas satisfait ou que la formation n'est pas pour toi.
Soit, si tu termines ma formation en 60 jours et que tu n'as pas évolué, je te rembourse ma formation et je te paye celle d'un concurrent.
Oui, tu peux payer en 1x ou 4x.
Tu pourras choisir tes préférences lors du paiement.
Oui, du moment que la plateforme est en ligne, les cours seront accessibles.
Si un jour la plateforme venait à fermer, je proposerai les vidéos et les cours en mode hors ligne.
Non, je ne suis pas éligible au CPF. De plus, le CPF est prévu pour des formations très chères (5 000 euros) et pas pour des prix comme celui-ci.
Pour l'instant, non, mais je travaille en ce moment pour en ajouter une. La plateforme que j'ai créée est toute nouvelle, je n'ai pas eu le temps d'ajouter ce genre de fonctionnalité.
Il y a environ 100 petits exercices et une cinquantaine de cours. Si tu en fais deux par jour, tu pourras terminer la formation en 30 jours.
Mais tu as tout ton temps, tu peux la faire en un an, même si je recommande de la faire en deux mois pour avoir toutes les informations.
Oui. Si une entreprise souhaite prendre NextReact pour ses employés, elle trouvera un rabais supplémentaire sur demande.
Il faut minimum prendre NextReact pour 5 personnes pour avoir accès à ce rabais.
Pour en savoir plus, envoie un mail à contact@codelynx.dev.
Un resto entre ami
199 euros ça peut être un restaurant en amoureux dans un 4 étoiles, qui sera dépensé une fois pour une soirée...
Ou ça peut être un investissement dans ton avenir qui te permettra d'offrir 2 restos par mois à ta moitié.
D'atteindre le métier de tes rêves...
Et enfin te démarquer de la fosse aux juniors !
Car quand tu maîtrises tout ça, tu passes de développeur désavantagé à recherché et tu peux espérer gagner bien plus !
50'000 euros
Développeur React est de loin le métier le plus recherché ! C'est le framework le plus demandé par les entreprises d'après l'enquête de Coding Game.
Plus de 5000 postes sont à pourvoir sur Welcome to the Jungle, et plus de 4000 sur LinkedIn.
Et je pense que cela va augmenter. La demande est de plus en plus élevée, surtout pour ceux qui comprennent l'écosystème React ! Les salaires suivent également...
0-2 ans d'expérience
dès 2 ans d'expérience
7'000 euros
C'est le prix d'une formation "Fullstack" chez O'Clock 🤡
Je te soulage...
NextReact est bien moins chère !
Mais calculons sa valeur :
→ Plateforme de formation unique : 200 euros
→ Cours sur TypeScript : 100 euros (je n'offre pas autant de valeur que lui)
→ Cours sur useQuery : 183 euros
→ Cours sur NextJS : 109 euros
→ Cours sur les tests : 107 euros
Total : 699 euros
Et les cours ci-dessus n'ont pas forcément leur plateforme, c'est parfois des cours Udemy ou autre.
Ce que je te propose c'est : 399 euros soit un économie de 300 euros !
Le tout, dans un seul cours.
Dans tout les cas tu es gagnant.
Et NextReact va te faire gagner beaucoup de temps et de confiance.
Il t'apporte tout ce qu'il faut pour te faire passer au next level.
A propos de ton formateur
Hello 👋
Je m'appelle Melvyn Malherbe et je fais du React depuis 5 ans. (en entreprise)
Tu es en train de te dire que ça fait pas si longtemps...
Mais rassure-toi, c'est un avantage énorme pour toi !
J'ai appris les concepts actuels, les technos modernes et je sais exactement ce que c'est d'être à ta place.
De plus, la plateforme de formation que tu vas tester avec mes cours gratuits a été entièrement créée par moi !
Et devine quoi... elle utilise toutes les technologies que je t'enseigne durant NextReact.
J'ai acquis de l'expérience pendant 5 ans dans une entreprise populaire Suisse et j'ai effectué un certificat fédéral de capacité 🇨🇭.
J'ai développé de nombreux projets ! Mon blog, mon portfolio, ma plateforme de formation et bien plus de side projects.
Et depuis plus d'une année, je partage ma passion !
→ Plus de 11'000 personnes me font confiance sur Twitter !
→ Plus de 3'000 sur YouTube !
→ Plus de 3'000 personnes font parties de ma newsletter : le club du lynx 🦁
→ Plus de 1000 personnes sur LinkedIn
Et ce n'est que le début.
Mon but avec tout ça est de créer une communauté d'entraide, bienveillante et motivée pour qu'ensemble, on révolutionne l'apprentissage de React et de son écosystème.
Je suis impatient de partager ça avec toi.
Créé et conçu par Melvyn Malherbe.
©Copyright 2023-present