💥 Pourquoi j'aime et j'utilise Copilot 💥 🧑

Voici des arguments clairs de pourquoi je l'utilise ⁉️

3 arguments positifs ✅
2 arguments négatifs ❌

Cet outil est formidable, voici un thread qui t'aidera à savoir s'il l'est aussi pour toi 🤔

#RT ❤️

🧵 #thread #copilot
1. Permet d'éviter de faire des recherches Google pour de la syntaxe ✅

Envie de faire un breakpoint en CSS pour les tél mobiles qui font moins de 350 px ?

Perso parfois j'oublie la syntaxe

Donc petit commentaire pour faire une recherche et avoir direct la bonne réponse
2ᵉ exemple

Au début, quand je débutais React je galérais avec les .map dans le code, je ne comprenais jamais comment les faire

Donc, je faisais toujours une recherche Google pour copier-coller le premier lien

Une recherche rapide Copilot et c'est bon
2. Pour TOUT ce qui est répétitives

Imaginons que tu veux savoir si un nombre est plus petit, plus grand ou égal à un autre avec une fonction

et hop ton code est ready
3. Utiliser Copilot avec les types et le naming

On parle souvent des commentaires pour l'utiliser

Mais, il y a large moyen avec des bons naming ainsi que des bons types Copilot peut exactement savoir ce qu'il faut faire

Donc go faire du TypeScript
4. Pour faire des tâches complexes mais très communes

En .NET c# par exemple, je faisais des controlleurs qui faisaient des simples CRUD

Et Copilot a su me les faire totalement avec un commentaire, il suffisait de changer 2-3 trucs

Voici un code entièrement fait avec Copilot
5. LES problèmes de Copilot

Ici, je souhaite avoir des suggestions avec l'IDE basique pour connaître mes possibilités

Mais, dans le screen 1, vscode ne m'affiche pas des suggestions car il y a déjà Copilot

Je suis obligé de supprimer et de faire des conneries pour les voir
2ᵉ exemple avec le CSS

Ici avec ma classe test il veut à tout prix me mettre "center"

alors que moi je souhaite juste connaître les options puisque je me rappelle plus de space-between par exemple

je dois soit désactiver soit bidouiller un peu pour voir ce que je souhaite
Mais heureusement, il y a une solution ✅

Tu peux forcer l'affichage de IntelliSense grâce à un raccourci clavier

Il s'appelle TriggerSuggest et c'est souvent CTRL + Espace ✅

Sur mon mac j'ai toutes ces solutions et ça force l'ouverture des suggestions
Pour en savoir plus voici quelques explications dont je me suis inspiré :

Deuxième point pas cool qu'il mentionne c'est qu'il te crée un peu des mauvaises habitudes

tu peux avoir tendance à attendre qu'il te propose une solution
au lieu de la faire toi-même ce qui peu au fil du temps te rendre moins doué et surtout te faire perdre du temps !

En conclusion, l'outil et super mais il a évidemment des défauts

Il faut savoir le désactiver parfois et l'utiliser intelligemment !
Voilà perso, je vais le garder car je l'ai encore gratuit

À toi de prendre ta décision

J'espère t'avoir éclairé 💡

➡️ Follow @melvynxdev ⬅️

Dernier Thread :

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Melvyn • Développeur

Melvyn • Développeur Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @melvynxdev

Jun 26
Comment avoir un graphique d'activité GitHub totalement rempli même quand tu es en vacances ?

Et, en plus, rendre votre README interactif ?

Petit tuto❤️ #RT

⬇️ #thread Image
1. Crée un repository sur Github

Personnellement j'utilise le repo magique qui s'affiche sur ton profil github

(c'est quand tu nommes ton repo comme ton pseudo) Image
2. Crée un script qui update ton Readme avec une valeur différente tous les jours

Maintenant, il va falloir que tous les jours un text de ton readme change

Pour le script je ne vais pas tout expliquer mais tu peux le voir ici : github.com/Melvynx/Melvyn… Image
Read 13 tweets
Jun 24
Les margins en CSS 😧

Qui a déjà pas compris ce qui se passait avec vos margins ?

Moi ✋

Puis j'ai appris TOUTES les subtilités des margins 💪

Sujet du jour : les margins collapse

Les règles des margins m'ont surpris 🤯

#RT car il faut que le monde sache ❤️

👇 #thread 🧵 Image
0. C'est quoi les margins qui collapse ?

En fait, c'est quand tu as deux éléments qui ont des margins, par exemple, de 20 px

<div>
<div style="margin: 20px" />
<div style="margin: 20px" />
</div>

Il n'y aura pas 40 px entre les 2 ❌
Mais 20 px ✅ Image
1. Il y a 3 grands types de layout en CSS

Le flow layout (display: block et display: inline)
Le flex layout (display: flex)
Le grid layout (display: grid)

Tout ce que je dis ici ne s'applique que pour le flow layout car en flex et grid

❌ les margins ne collapse pas ❌
Read 17 tweets
Jun 14
Partage ton code 📢

Pour te faire aider ✅
Pour montrer tes talents cachés 🚀
Pour apprendre des choses aux autres ❤️

3 manière de faire :

1️⃣ Une image
2️⃣ Code dans le cloud
3️⃣ Markdown

#RT ❤️

🧵 #thread #share #code
1. Avec une image

Comme je le fais souvent sur Twitter dû à la limite de caractères, je partage mon code avec des captures de code

Pour en générer :

* carbon.now.sh
* ray.so (le plus bg)
* codeimg.io
✅ Avantages :
* belle capture de code
* facilement lisible
* partage et sauvegarde facile

❌ Désavantages
* on ne peut pas copier-coller
* impossible de tester

💡 mon avis
* très cool pour donner de l'info sur les réseaux
* pas bien pour demander de l'aide sur discord ou slack
Read 8 tweets
Jun 13
Comment centrer une div en CSS 🏋️

Je vois encore et toujours passer ce meme 🤯

Rejoins l'élite en connaissant tous les moyens de centrer une div 📢

Voici les 3 solutions :

- Flexbox 🏋️
- Grid 🔱
- Hack (expliqué) 💥

#RT ❤️

🧵 #thread #css #web
1. Grid

Je le présente en premier car il tient littéralement en deux lignes de code !

Plus aucune excuse !

Le "place-content" est un shorthand pour définir "align-content" et "justify-content" simultanément
2. Flex

Un peu comme grid mais sans le shorthand, donc il faut 3 lignes !

Je ne vais pas en expliquer plus 👍
Read 8 tweets
Jun 12
Tu utilises toujours Flex 😑

Certaines fois tu DOIS utiliser Grid ✅ !

Je te présente le :

➡️ "World famous Grid CSS Snippet"

Regarde l'effet parfais que ça donne avec la vidéo 🤩

#RT ❤️

🧵 #thread #css #grid #flex
Quand l'utiliser ?

Comme tu peux le voir dans la vidéo, c'est quand tu as une liste d'élément et que tu veux plusieurs items par liste en fonction de la taille d'écran !

Tu trouveras surement d'autres use-case !

Voici le "World famous Grid CSS Snippet" : Image
Mon but, c'est que tu le comprennes, donc je vais décomposer chaque partie ✅

Déjà voici une petite CodeSandBox pour que tu puisses tester : codesandbox.io/s/the-ultimate…
Read 11 tweets
Jun 11
Tu perds du temps ⚠️

Ton IDE est ton outil principal 🗝️

Comme le couteau d'un cuisinier, il faut l'entretenir !

Je te partage les meilleures extensions et paramètre pour être plus efficace sur VSCode 🔷

Stonks 📈

#RT ❤️

🧵 #Thread #vscode #ide Image
1. Les extensions essentielles

1.1 ESLint
✅ Essentiel, obligatoire, permet d'éviter de faire des bêtises et rend VSCode intelligent
📐 Il permet d'ajouter des règles pour ton projet et de constamment checker que tu les respectes

marketplace.visualstudio.com/items?itemName…
1.2 Prettier
✅ Essentiel aussi, c'est un énorme gain de temps de ne pas avoir à formater son code
🧙 Pour que tous les collaborateurs du projet formatent pareil
🧠 Libère de la place à ton cerveau en laissant prettier se charger du formatage

marketplace.visualstudio.com/items?itemName…
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(