Melvyn ▴ Développeur Profile picture
Jun 25, 2022 12 tweets 5 min read Read on X
💥 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 Image
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 Image
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 Image
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 Image
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 Image
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 Image
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 Image
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 Image
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

May 9
En 2 ans le web à totalement changer.

Les techs d'hier ont totalement été remplacés par des nouveaux outils.

Voici les énormes trends de 2024 👇 Image
1️⃣ JavaScript est mort ⚰️

Il est en train de se faire remplacer par TypeScript.

Petit à petit, mais le changement est visible : Image
Les stats de StackOverflow :

→ en 2023
🟨 JS : 65%
🟦 TS : 43%

→ en 2020
🟨 JS : 69%
🟦 TS : 28%

Augmentation de 15% pour TypeScript.
Baise de 4% pour JavaScript.

Chaque année TypeScript prends du terrain. Image
Read 10 tweets
Dec 12, 2023
Comprendre comment Copilot fonctionne va te rendre 5 fois plus performant avec cet outil 📈

Sérieusement, ça a totalement changé ma manière de l'utiliser. Voici tous les secrets de notre meilleur Copilot 👇 Image
1️⃣ Objectif

Copilot a deux objectifs :

💡 Fournir des réponses pertinentes
⚡️ Fournir des réponses avant même que tu le codes (sinon c'est inutile)

Il faut donc allier rapidité et efficacité.
Pour que les réponses soient pertinentes, il faudra du contexte, mais pas trop pour éviter les hallucinations ! 😊

Et pour que les réponses soient rapides, il faudra un bon modèle et ne pas donner TROP de contexte, ce qui ralentit légèrement les réponses. ⚡️
Read 17 tweets
Dec 4, 2023
Tous les GURU qui te montrent "comment ils utilisent ChatGPT" ne te montrent que rarement des CAS CONCRETS ❌

Que tu peux utiliser MAINTENANT dans TA vie !

J'ai scroller mes +2000 conversations avec ChatGPT pour te trouver 7 cas concrets pour le développement : Image
1️⃣ Trouver des bugs dans du SQL

Le SQL, ce n'est pas si simple et les erreurs qu'il te donne sont vraiment nulles.

Tu copies/colles ton code SQL, tu lui envoies l'erreur et tu as 90% de chances qu'il trouve exactement le problème : Image
2️⃣ Création de migration avec Prisma

Prisma ne sait pas renommer des colonnes.

Moi, j'avais une table "lesson" qui contient "freeCourse" et "hidden".

J'ai voulu fusionner ces deux cols dans une col "state" !

J'ai dû créer une migration de la mort... enfin, ChatGPT l'a fait : Image
Read 11 tweets
Nov 28, 2023
Tu dois créer une landing page mais tu ne sais pas du tout comment t'y prendre ?

Rien de plus simple.

Je viens de te contacter 4 sites web qui vont faire de toi un PRO de la landing page ✅
1️⃣ Landing Pages Explained • ()

Ils te proposent de nombreuses landing pages avec une sorte de "screenshot" qui contient du texte et des flèches, et qui te montre exactement les éléments importants à mettre en place sur TA page.landingpagesexplained.com
landingpagesexplained.com
2️⃣ Landdding ()

Contient une liste de landing pages triées par votes pour pouvoir t'inspirer des meilleurs du marché !landdding.com
Read 6 tweets
Oct 26, 2023
Sur les 100 portfolios qui m'ont été envoyés, seulement 3 % avaient compris l'utilité d'un portfolio ✅

La majorité fait de GROSSES erreurs 🔴

Dans ce post, je te propose de te donner les clés pour créer un portfolio utile et efficace 👇 Image
1️⃣ Pourquoi faire un portfolio ?

C'est la première question à se poser !

Il y a 3 raisons :

• Pour avoir TON espace PRIVÉ sur le web 🔑
• Pour mettre tes projets en avant 🏗️
• Pour mettre tes liens en avant 🌴 (comme un linktree)
Les mauvaises raisons :

• Pour montrer tes compétences ❌

Un portfolio se veut simple, on ne veut pas mettre en avant tes compétences en CSS ou en React, juste avoir les informations essentielles.

• Pour être original ❌

Tout le monde a un portfolio.
Read 13 tweets
Jul 22, 2023
Mettre des SVG dans ton Code JSX est une mauvaise pratique !

C'est devenu à la mode, mais tu rends tes performances et la gestion de la mémoire moins bonnes pour... des icônes !

Je t'explique 👇 Image
Mettre du code SVG dans du JSX (donc du JS) est un anti-pattern pour deux gros problèmes.
1. Les performances

Chaque icône va être bundlée et ajoutée dans ton bundle JavaScript.

Lors du runtime, ton navigateur va télécharger tout ce code JavaScript et l'exécuter, tout ça pour rendre des éléments SVG dans du HTML.
Read 16 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!

:(