⚛️ REACT CONTEXT : LA COMMUNICATION ENTRE COMPOSANTS ÉLOIGNÉS !

⭐ MA FORMATION DE 20H SUR LES BASES DE SYMFONY 5 AVEC 30% DE REDUCTION ICI : learn.web-develop.me?coupon=REDUC30
⭐ MA FORMATION API PLATFORM ET REACT AVEC 30% DE REDUCTION ICI : learn.web-develop.me?coupon=REDUC30
⚛️  On découvre la notion de Context dans React !
Le lien vers la CodeSandbox à "forker" : codesandbox.io/s/cours-sur-le...
Le lien vers le code final : codesandbox.io/s/cours-sur-le...
Lien vers la vidéo précédente (Découvrir les Hooks de React) : • ⚛️ NOUVEAUTÉ REACT : U...
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
😺 LIENS ET INFOS
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
🔗 Documentation officielle de React : reactjs.org
🔗 La chaîne d'Anthony Welc, Evangéliste React : / @hardcoders
🔗 La chaîne de Wes Bos : / wesbos
🔗 La chaîne de Mosh Hamedani : / programmingwithmosh
💪🔥 BONUS :
-----------------------
🔗 Utiliser React dans un site déjà existant : • ⚛️ UTILISER #REACT DAN...
🔗 Tutoriel - Comprendre AJAX et les promesses : • [TUTO] CREER UNE APP M...
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
😺 RETROUVEZ MOI ICI LES BROS
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
Twitter : / liiorc
LinkedIn : / lior-chamla
Facebook : / 366592570424890
Discord : / discord
CodePen : codepen.io/liorchamla/
☕ Si tu veux me soutenir, paye moi un café 😁💓 : www.buymeacoffee.com/LiorChamla
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
😺 MUSIQUES
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
🎵 Memtrix - All You Are : • Memtrix - All You Are
🎵 Noisestorm - Breakdown VIP : • [Drumstep] - Noisestor...
🎵 Jensation - Delicious : • Jensation - Delicious ...
🎵 Tobu - Candyland : • Video
🎵 JPB - High : • JPB - High | Trap | NC...
🎵 Cartoon feat. Jüri Pootsmann - I Remember U (Xilent Remix) : 🎵 • Cartoon, Jéja feat. Jü...
🎵 Aero Chord - Break Them (feat. Anna Yvette) : • [Trap] - Aero Chord - ...
🎵 Muzzy - Play (feat. UK:ID) : • MUZZ - Play (feat. UK:ID)

[@jean-claudedusse6855]

Magnifiiiiiiikkkk 😜, le meilleur pédagogue ! Avec le petit accent du Sud qui me va bien en plus ! Il nous décortique juste les nouvelles features de React en 20 min. Je voulais me mettre à jour pour ne plus trimballer des fonctions de callback au travers de tous les composants pour mettre à jour le state et j'avais la flemme d'utiliser Redux. Tu te poses devant, t'écoutes attentivement, t'as rien à faire. Et tu comprends tout du premier coup avec lui. Un champion !

[@ulrichnelson3636]

Je ne peux m'empêcher à liker tes vidéos et partager autour de moi. Toujours dans l'essentiel avec toi Lior, tu fais gagner un temps fou avec tes vidéos. MERCIIIIIIIIIIIIIIIIIIIIII pour ton travail.

[@Benjy25330]

J'ai pris des cours chez d'autres formateurs. Et bien j'en reviens toujours a Lior Chamla, parce que c'ests vraiement une pédagogie exceptionnelle. J'adore !

[@LiorCHAMLA]

Wow ! Merci énormément :)

[@yanndeo9501]

Merci Lior j'ai enfin compris ce truc grâce à toi.

[@Graphistarts]

Merci Lior ! Tes vidéos sont vraiment claires et concises. J'ai enfin compris ce concept de contexte grâce à toi.

[@LiorCHAMLA]

Merci beaucoup Kévin ! Faut pas hésiter à partager :)

[@houssemchridi4544]

super !! merci pour tous vos efforts lior

[@vamos7979]

Belle pédagogie, je comprends du premier coup, merci à toi.

[@patrickperroudon2812]

Merci Lior pour tes vidéos sur React, elles sont vraiment claires et concises. A quand une formation complete sur cette lib avec les autres Hooks (useEffect ect ...).

[@LiorCHAMLA]

Merci à toi :)

[@AxelParis]

Le tuto qui régale toujours autant, thx pour la piqûre de rappel :)

[@LiorCHAMLA]

Haha t'es revenu là toi ? :p :p

[@romainjacquel1698]

Salut Lior ! Je ne commente jamais mais la je suis obligé ! Beau travail et ça fais plaisir de voir un dev français qui fait des tutos propre sur du React ! Bonne continuation et force à toi !

[@LiorCHAMLA]

Très gentil à toi et merci beaucoup ! :)

[@powdream84]

Très bien expliqué, merci pour la vidéo !

[@LiorCHAMLA]

Merci Mathieu !

[@9dwd]

✨ top la vidéo

[@devyaxo]

Salut Lior, je te suis depuis peu et franchement grâce à toi j'arrive à comprendre plus facilement certaines notions. Je te remercie !! pour ces petites vidéos et du coup et du coup je voulais savoir si tu as prévu de faire une formation sur React, ça serait top 👏🏾

[@LiorCHAMLA]

Non, pas de formation React prévue mais merci beaucoup en tout cas de me suivre :)

[@dimitribasseguy1532]

Bravo ! clair et efficace !!

[@LiorCHAMLA]

Merci beaucoup :)

[@mickaelmesnage3871]

Merci Lior pour les trois tutos sur react c'est vraiment top pour commencer sur cette techno! On entends beaucoup parler de redux avec react, du coup , je me pose la question de la véritable plus value de redux par rapport aux hooks (je ne sais pas si par hasard il y a un tuto sur ce sujet et si ca vaut le coup de se renseigner sur cette lib?). En tout cas encore merci pour les vidéos ca méritait bien un petit café ;)

[@LiorCHAMLA]

En fait Redux ne remplace pas du tout les hooks, ça remplace plutôt le contexte justement. Le but de Redux c'est quand tu es un énorme state qui doit être partagé entre différents composants et donc de te permettre de gérer ça bien sans aucun soucis, mais ça demande beaucoup d'apprentissage :)

[@code-discovery]

Hello, vous expliquer super trop bien, j'ai tout compris , merci beaucoup. 😊

[@LiorCHAMLA]

Merci beaucoup :)

[@Lunolux]

Superbe video, merci

[@LiorCHAMLA]

Merci :)

[@DGDG0000000]

T'es au top.

[@LiorCHAMLA]

Merci :-)

[@elora2334]

Mais quelle pédagogie incroyable ! Tout est limpide grâce à toi, merci ! A quand la suite???

[@LiorCHAMLA]

Merci beaucoup :) la suite on sait pas trop quand :)

[@mahmouddiallo2575]

Merci beaucoup très claire et précis

[@LiorCHAMLA]

Merci à toi :)

[@geoffreyl2867]

Aaaaah je veux recoder internet maintenant 🤩 Merci !!

[@LiorCHAMLA]

Héhé :D

[@Freedomfor_JA_WL]

merci beaucoup tout es beaucoup plus claire

[@LiorCHAMLA]

Tant mieux ! Merci à toi :)

[@hichamkiki]

super merci Lior

[@LiorCHAMLA]

Merci à toi Hicham :)

[@tetuaoro]

Plus de vidéo sur les hooks stp, 🖐

[@saidoudiallo9506]

merci lior pour ses tutos

[@LiorCHAMLA]

Merci à toi de suivre :-)

[@yannickbertrand5331]

Pour bien se développer... il est crucial de se trouver dans le bon CONTEXT... ok je sors ;-) Merci pour cette super-vidéo Lior !

[@LiorCHAMLA]

Haha merci à toi :-)

[@Learnbynet]

En fait sa aide beaucoup si ont ce dit que ces la meme chose que une ```Closures``` en JS. Mais avec une syntax un peut plus compliquer je trouve, ou par manque d'habitude ! Excellente video merci

[@LiorCHAMLA]

Merci beaucoup :)

[@KultureMania]

T'es un putain de bon pédagogue c'est fou

[@aklihamraoui1982]

Tu es le meilleur 👍

[@LiorCHAMLA]

Merci beaucoup :)

[@francktiomela3002]

Merci :)

[@gilberttorchon1280]

"Vous pouvez êtes des feignasses. Javascript comprendra très bien "🤣. Excellent tuto Lior

[@LiorCHAMLA]

Merci beaucoup :)

[@loudkill_5644]

On a la dale ! Grave !

[@LiorCHAMLA]

Je vois ça je vois ça :D

[@alexandrealm18]

C’est trop bien

[@LiorCHAMLA]

Merci beaucoup Alex

[@Nuker95]

Top merci.

[@LiorCHAMLA]

Merci à toi Antoine :)

[@imcodebreaker4427]

Clair comme de l'eau de roche 👌

[@LiorCHAMLA]

Parfait alors !

[@asianonozeole8334]

Pour rendre une modal visible sur tous le site, le context serait approprié ? Du genre isModalOpen et setIsModalOpen ?

[@danielb4099]

top !

[@LiorCHAMLA]

Merci beaucoup :)

[@luciebachman2232]

Bonjour Lior, merci pour votre vidéo j'ai enfin compris le système de Context! Par contre, je me demandais : Si nous avons plusieurs informations à faire hériter à notre composant, faut-il créer à chaque fois un nouveau fichier Context, ou bien on peut ajouter des informations supplémentaires dans le fichier Context comme celui de la vidéo ? Encore merci! Lucie

[@LiorCHAMLA]

On peut faire un gros contexte ou plusieurs petits contextes, la bonne pratique c'est de ne pas tout mélanger :)

[@perezjonathan6530]

Merci pour la video Sensei!! (Y sont ou les coupons de reduc -80% ^^ ?)

[@LiorCHAMLA]

80% sur quoi fréro ? :-) J'ai qu'une seule formation payante et t'as le coupon réservé aux étudiants sur le groupe FB ;-)

[@ibrahimabarry8839]

merci beaucoup ++>> grand

[@LiorCHAMLA]

Merci à toi :)

[@saidoudiallo9506]

lior à quand pour des tutos sur angular

[@JoyceManzanza]

je suis interesséé

[@keva91000]

Super video, je me demandais sinon si ce react context pouvait remplacer redux ?

[@LiorCHAMLA]

C'est pas du tout la même utilité en réalité mais oui pour de petites applications j'imagine qu'on peut le voir comme ça :-)

[@sanohawa]

Je me pose la même question

[@ubaldkouokam6268]

Bonjour Lior, Ayant suivi ce tuto, pourrais-je gérer un formulaire Modal avec l'API UseContext de React car j'ai un composant qui génère un Modal React et un autre composant qui affiche une liste de personnes dans lequel je peux injecter un formulaire Modal.

[@LiorCHAMLA]

La question est un peu trop précise pour moi, je sais pas trop ce que tu es en train de coder mais oui tu peux très bien utiliser le context pour stocker le résultat d'un formulaire en modal mais ce n'est pas obligé, tu peux aussi gérer ça par des relations entre composant "parent" et "enfant" (la modal).

[@afriquecotedivoireitekt5467]

salut... excusez moi je souhaite savoir si cette cette api marche avec le changement de langues pour UNE APPLICATION MOBILE MERCI

[@melkabot3411]

merci beaucoup Lior, je me faisait chiù&*é à transferer des props des composant en composant, je dormirais mieux ce soir

[@LiorCHAMLA]

Attention au contexte quand même, regarde si Redux ou d'autres seraient pas plus adaptés à ton cas 🙂

[@melkabot3411]

D'accord merci🙂

[@MEYER251189]

Du coup on pourrait pas remplacer l'utilisation de redux pour les states par use context? Peut-être une question bête mais vu que je débute en redux Jme demande si ya pas moyen de faire plus simple

[@LiorCHAMLA]

Clairement, Context a été pensé comme un remplacement simple de Redux, mais pas mal de choses que fait Redux ne sont pas gérées avec le Context. Regardes d'autres tutoriels qui font la différence et le comparatif entre les deux pour plus d'infos

[@MEYER251189]

@@LiorCHAMLA Merci

[@mustafamuse2904]

Bonjour the king of dev fais une nouvel formation react state reduxe 2021 .pret a achete.

[@LiorCHAMLA]

J'y connais rien à Redux :x

[@9ryu108]

[@LiorCHAMLA]

[@juniormbogning6474]

Lior, SVP jai besoin de votre mail.

[@LiorCHAMLA]

Junior, je ne fais pas de coaching personnalisé :'(

[@juniormbogning6474]

@@LiorCHAMLA Je voulais faire un un systeme de streaming audio, et j'aimerais avoir une bibliotheque qui fais dans cela en React.js

[@juniormbogning6474]

@@LiorCHAMLA Je voulais faire un un systeme de streaming audio, et j'aimerais avoir une bibliotheque qui fais dans cela en React.js

[@LiorCHAMLA]

Ca n'existe pas, il faut QUE TU CODES ! C'est pour ça qu'on devient développeur, pour développer des choses ;-)

[@malauryboudon3187]

Merci :)

[@LiorCHAMLA]

Mais de rien :)