Discover and read the best of Twitter Threads about #jsx
Most recents (2)
"Yo, why are #JavaScript and its ecosystem so messy?!" 😡
Well, I am glad you asked... Let me tell you a story! 🤓
🧵👇
Well, I am glad you asked... Let me tell you a story! 🤓
🧵👇
For starting... #JavaScript was not designed to be the language that it is today!
JS was created in 1995 by @BrendanEich for Netscape, a web browser that was trying to come up with a language to make the web more interactive
JS was created in 1995 by @BrendanEich for Netscape, a web browser that was trying to come up with a language to make the web more interactive
@BrendanEich #JS wasn't related w/ #Java, so why did they call it Java-Script?! Duh! 😳
Java was trendy! it was possible to build interactive sites by embedding Java apps in pages (applets). So it was mostly a #mktg move: "JS: the lightweight Java alternative" or something like that I guess
Java was trendy! it was possible to build interactive sites by embedding Java apps in pages (applets). So it was mostly a #mktg move: "JS: the lightweight Java alternative" or something like that I guess
Rendu conditionnel en React, le piège à éviter ⚠️
Il y a 3 méthodes pour faire du rendu conditionnel :
1. condition && "yes"
2. condition ? "yes" : null
3. if (condition) return "yes"
Je vais t'éviter des bugs avec la méthode 2 💪 !
Je t'explique ⬇️
#rt ❤️
🧵 #react #js #jsx
Il y a 3 méthodes pour faire du rendu conditionnel :
1. condition && "yes"
2. condition ? "yes" : null
3. if (condition) return "yes"
Je vais t'éviter des bugs avec la méthode 2 💪 !
Je t'explique ⬇️
#rt ❤️
🧵 #react #js #jsx
La méthode 2 est en réalité un raccourci pour :
condition ? "yes" : condition
Par conséquent, quand la condition est falsy, c'est le résultat de celle-ci qui sera rendue !
developer.mozilla.org/en-US/docs/Glo…
condition ? "yes" : condition
Par conséquent, quand la condition est falsy, c'est le résultat de celle-ci qui sera rendue !
developer.mozilla.org/en-US/docs/Glo…
Voici les valeurs falsy :
- 0 / -0
- ""
- NaN
- null / undefined
Avec 0 et NaN, React affiche ses valeurs !
0 && "yes" → 0
Pour le visualiser, j'ai créé un petit site :
dzdg5y.csb.app
Tu as une surprise avec 0 et la méthode 2
La valeur est affichée !!
- 0 / -0
- ""
- NaN
- null / undefined
Avec 0 et NaN, React affiche ses valeurs !
0 && "yes" → 0
Pour le visualiser, j'ai créé un petit site :
dzdg5y.csb.app
Tu as une surprise avec 0 et la méthode 2
La valeur est affichée !!
