N'utilise pas de DEFAULT EXPORT en JavaScript, sauf pour...

Reçois la MindMap : codelynx.dev/s/default-export
Thumbnail credit to ‪@mattpocockuk‬
Timecodes
00:00 - Introduction
00:18 - Démonstration
04:50 - Sauf pour...
05:50 - Conclusion
▶ VIDÉO
Les "default exports" en JavaScript sont une façon de rendre une valeur ou une fonction spécifique accessible depuis un autre fichier. En JavaScript, un fichier peut avoir plusieurs exports, mais seul un seul "default export". Cela signifie que vous pouvez exporter plusieurs valeurs ou fonctions, mais une seule sera considérée comme la valeur ou la fonction par défaut. Les exports par défaut sont très utiles pour organiser votre code et rendre les choses plus simples pour d'autres développeurs qui utilisent votre code.
Pour créer un "default export", vous devez utiliser la syntaxe suivante : "export default [value or function]". Par exemple, si vous souhaitez exporter une fonction par défaut, vous pouvez écrire : "export default function myFunction() { ... }". Lorsque vous importez ce fichier dans un autre fichier, vous pouvez utiliser cette fonction en l'appelant simplement en utilisant son nom : "import myFunction from './my-file.js'".
Les "default exports" sont également très utiles pour les bibliothèques et les frameworks. Les développeurs peuvent exporter une API complète à partir d'un fichier unique et l'utiliser dans toutes les parties de leur application, ce qui rend le code plus clair et plus facile à maintenir.
En résumé, les "default exports" en JavaScript sont une façon pratique d'exporter des valeurs ou des fonctions d'un fichier à un autre. Ils sont simples à utiliser et peuvent vraiment améliorer l'organisation et la maintenance de votre code. Si vous travaillez sur un projet de grande envergure, il est fortement recommandé d'utiliser des exports par défaut pour une meilleure gestion de votre code.
▶ ME SUIVRE
🐦 Mon Twitter : / melvynxdev
🖥 Mon GitHub : github.com/Melvynx
📑 Mon Blog : codelynx.dev
💌 Ma Newsletter : melvynx.com/emails
Music from Uppbeat (free for Creators!):
uppbeat.io/t/sonda/freedom
License code: YAJZT1FABTNXFCJP
Music from Uppbeat (free for Creators!):
uppbeat.io/t/fass/autumn
License code: KPHQ02DVLR4PSYMQ
Music from Uppbeat (free for Creators!):
uppbeat.io/t/prigida/cozy
License code: SAGXOH5FUKD3UCDP
Music from Uppbeat (free for Creators!):
uppbeat.io/t/infraction/bangkok
License code: KIPBDUHWYMNQGVSC
#javascript #developper #react #reactjs #reactjstutorial #reactjsdeveloper #reactjscourse #reactjsforbeginners #reactjsproject

[@yvannguekam9772]

très cool la vidéo j'avais remarqué cela lorsque je travaillais. merci pour ce beau résumé

[@melvynxdev]

Merci à toi

[@OutisDev]

Toujours chaud pour écouter et adopté tes précieux conseils ☺️✌️🍀.

[@melvynxdev]

Merci à toi 😊

[@TheRemiRODRIGUES]

Intéressant ! Je préférais justement les export default car j'avais la flemme d'écrire les accolades lors des imports. Bon bah, il va falloir que je fasse ce petit effort !

[@melvynxdev]

Je ne les écris jamais, et tu as même pas besoin de les écrire, l'auto complète est auto-magique !

[@grekossweb]

Merci d'avoir argumenté ton précédent Tweet 😉 Je valide a 100% fuck le rename 😅

[@melvynxdev]

Ahah merci ! Oui c'était la réponse à un vieux tweet !

[@simoben3546]

Super vidéo comme d'hab nerci :)

[@melvynxdev]

Merci à toi 😁

[@remiperray8313]

continue tes vidéos ont une vraie plus value 👍👍!

[@melvynxdev]

Un grand merci ❤️

[@damienromito9339]

Pour faire un export default sur les arrow functions (cf 4:40") en une seule ligne j'utilise 'export default () => { ...}` et le composant prend le nom du fichier. Mais qui ne résout pas le probleme que tu souleves non plus ;)

[@melvynxdev]

Ah oui tu as raison, mais j'aime pas ne pas nommer mon code !

[@AmelyaM]

Dr pour le sujet :p

[@melvynxdev]

Merci !

[@sparttan21]

Tu sais qu'il y a des raccourcis pour tout rename d'un coup ? ctrl + f6 sur intellij

[@melvynxdev]

intellij ça compte pas

[@zermax]

Comment tu fais pour viser aussi juste a chaque fois? Le travail, j'imagine :) Merci je note.

[@melvynxdev]

Ahah hello Max, c'est sûrement ça. Merci

[@Feavy]

Passer de Book à Dashboard, faut en vouloir quand-même 😂

[@melvynxdev]

Book à BookList à Dashboard xD

[@Mayranos]

Ctrl + shift + F cava chercher dans tout le document.

[@melvynxdev]

Mais tu peux pas partir sur le principe que tout le monde est comme toi. Quand tu auras une personne qui veut edit un petit truc ou qui aura pas son ide up, boom

[@visionlmv7344]

[@melvynxdev]

Yeah !

[@chriskakashi4473]

Ah je ne suis pas un fou perso j’impose ca à mon équipe depuis fort longtemps exactement pour ces raisons

[@melvynxdev]

Ah bah enfin qqn qui est d'accord !

[@NsHtxZekoo]

F2 sur Windows, Shift F6 sur mac surWebstorm, et voilà…

[@NsHtxZekoo]

C’est quand même un faux problème le cas des rename, ça s’appelle juste ne pas savoir utiliser ses outils

[@melvynxdev]

Tu travail tout seul ? Moi pas. Si dans une équipe de 20 dev, tu dois être sûr que personne ne fait l'erreur... c'est quand même pas cool

[@NsHtxZekoo]

@@melvynxdev ah, pas du tout. Je ne suis pas seul. J’en ai des gens qui ne connaissent pas ça. Le problème est sur l’apprentissage des gens. C’est trop oublié ce genre de chose. Combien j’en ai vu faire des Ctrl f/r pour rename des variables

[@melvynxdev]

C0est claire