Tu veux avoir un terminal d'ultra bg en trans sur leur config ?

En plus, tu vas gagner du temps car on utilise tous le terminal !

- auto-complete
- colorisation
- recherche dans l'historique

Petit tuto mais informe-toi aussi de ton côté !

#RT ❤️

👇 #thread #terminal #ide
1. Il faut utiliser zsh

bash ne permet pas de faire ça

zsh est bien mieux

sur Mac c'est par défaut sur linux je sais pas

sur windows il faut avoir WSL puis installer zsh (google is your friend)
2. install iterm ou autre terminal moderne

iterm2.com

j'aime beaucoup iterm car il est natif et fonctionne très bien

il a des options bien cool
3. install antigen

github.com/zsh-users/anti…

beaucoup de gens font leur config zsh a la main

mais antigen est très cool

il gère tout pour toi et rends ta config ultra simple et facile à transporter d'un ordi a un autre
4. ajoute ce code dans ton .zshrc

code en ALT

la première ligne et la troisième fonctionnent peut-être que sur macos

mais à partir de "antigen use oh-my-zsh" c'est tout good

pas de config chiant à faire, tu ajoutes tout ce code et tu lances un terminal et il va tout installer ANTIGEN_LOG=$HOME/.antigen/log/antigen.log  source $HOME/.an
antigen bundle git / pip / command-not-found
install les instruments basique automatiquement !

zsh-completions + zsh-autosuggestions permet d'avoir des suggestions constamenet en fonction des commandes que tu as déjà fait

te fait gagner beaucoup de temps, c'est trop cool !!
zsh-syntax-highlighting

met de couleur pendant que tu écris

trop bien pour savoir quand tu fais de la merde ou pas

ça t'évite de perdre du temps à lire des trucs tout blanc

et c'est super important la syntaxe !!!
zsh-history-substring-search

Permet de faire des recherches avec un filtre de ce que tu as tapé

quand je fais npm et UP ou DOWN ça cherche tout ce que j'ai fait qui commence par npm
il y a environ 3/100 chance que tu arrives à utiliser antigen du premier coup

mais tu auras l'occasion d'apprendre 2-3 trucs en faisant ça
quoi !? Ce thread t'a permis d'être 22394980923x plus fort ?

Rejoins la code-lynx team dans mes emails: melvynx.com/emails et pour rester à l'affu des nouveautés

➡️ follow @melvynxdev

• • •

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

Jul 7
J'en vois beaucoup qui galèrent avec React…

Car ils font une app avant de comprendre la base

On va faire du React dans un fichier HTML, sans JSX pour comprendre cmt ça marche

#RT ❤️

Petit thread 👇 #thread #react + une vidéo YTB pour tout comprendre
Donc React c'est une library JavaScript où tout est JavaScript !

C'est possible de faire du React super facilement sans même Next / CRA etc...

On a l'impression que pour l'utiliser c'est lourd, mais avec 26 lignes de code l'app est ready
Qu'y a-t-il dans cette app ?

Une div #root qui est la div dans laquelle React va afficher le rendu

Ensuite avec les CDN de React reactjs.org/docs/cdn-links… on ajoute React et ReactDOM !

Puis, dans un script, on récupère le RootElement avec du JS basique
Read 14 tweets
Jul 6
Chrome est l’outil principal du dev, évite de perdre du temps avec 5 extensions Chrome utiles 👍
Voici les extensions que j'utilise sur chrome, un thread 👇
1. Save to notion chrome.google.com/webstore/detai…

sauvegarde chaque petit article avec des tags comme @benjamincode en a fait le tutoriel

c'est ultra important pour ta veille et pour retrouver les sites qui t'ont fait kiffer
@benjamincode 2. wappalyzer.com

Espionne les technos que tes sites préférés utilisent

Exemple pour twitter Image
Read 7 tweets
Jul 1
Tout le monde sait ce qu'est `width` en CSS ?

Mais connais-tu ?

width: fit-content
width: min-content
width: max-content

J'ai pris longtemps avant de les connaître moi !

Et, je n'ai pas envie que ce soit ton cas...

#RT ❤️

👇 #thread #css #web
0. Comment fonctionne width

Contrairement à la height, la width prend par défaut toute la place disponible !

Alors que la height ne prend que la place minimum !

Pourquoi ? Ce sera le sujet d'un autre Thread

En fait, la valeur par défaut de width est « auto »
Donc quelle valeur peut prendre width ?

1. des mesures (100%, 100px, 1rem)
2. Keywords (auto, fit-content, max-content, min-content)

Let's explore the keywords !
Read 8 tweets
Jun 30
React a gagné 👑

Statistiquement, c'est celui à apprendre 🥇

Fin du débat.

Voici MON avis avec mes arguments, stats à l'appui 📈

Ne lis pas ce Thread si tu n'aimes pas React, car tu vas tomber in love ❤️

#RT et partage ton avis et contre-arguments 💪

🧵 #thread #react #web Image
0. Préambule

Je ne dis à aucun moment que les autres frameworks sont mauvais.
J'explique pourquoi j'ai fait le choix de React.
Je ne dirais aucun contre-argument car ce n'est pas le but ici ! C'est à toi de les faire !
Je suis ouvert à toutes les library.
1. La communauté

Et oui… C'est mon argument principal.

Dans le sondage 2021.stateofjs.com/en-US/libraries on voit que React arrive largement devant en nombre d'utilisateurs et en satisfactions !
L'intérêt a baissé certes mais les deux valeurs principales sont au RDV Image
Read 22 tweets
Jun 29
Quand on fait du CSS,
il y a des choses que tu ne connais pas avant qu'on t'en parle !

Par exemple c termes :
♦️box-sizing
♦️content-box
♦️border-box
♦️box-model

Mais c’est ton jour de chance car je l’ai expliques ici ❤️

#RT car 💪

👇 #thread
Le box-model se présente comme ça

On peut le comparer à une personne :
le content est le corps de la personne 🚶
le padding est l'espace entre son corps et ses vétement
la border sont les vétement
la margin est l'espace qu'elle a autour d'elle
Maintenant si je dis à une box qu'elle fait 100px de width et de height et qu'en plus elle a une margin de 10px rouge

Quelle est sa taille ?

Alors 100 + 10 (border right) + 10 (border left) = 120px

C'est étrange !

Je lui demande de faire 100px mais en réalité elle en fait 120
Read 10 tweets
Jun 28
Le temps est précieux pour un développeur !

Je te partage donc 6 outils pour gagner du temps 👇
favicon.io

Les favicons c'est le petit icon à côté de ton onglet sur les navigateurs

Génère tes favicons ultra rapidement avec ce site
Tu auras toutes les versions pour chaque taille d'écran
et il te donne le code snippet à c/c dans head
C'est super chiant à faire
logoipsum.com

Un moyen simple pour trouver des placeholder de tes logos et éviter de perdre du temps pour tes sites web
Read 8 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!

:(