Discover and read the best of Twitter Threads about #js

Most recents (24)

React ⚛️ - useRef, la face cachée du hooks 🔒 !

Tu le connais déjà surement 🤔
Tu as l'habitude de l'utiliser pour récupérer la référence d'un élément du DOM en JavaScript 🚀

Mais, en vrai, il a bien plus d'utilité !

#RT ❤️

🧵 #thread #react #js #web Image
Déjà c'est quoi useRef 🤔 ?

C'est une valeur sauvegardée dans un objet, dans ton composant qui persiste lorsque le composant se rerender
Quand elle est update, le composant ne se rerender pas

Son nom vient du fait que la valeur est sauvegardée dans un objet : { current: ... }
Son usage basique est pour récupérer la référence d'un élément HTML primitif, par exemple, une div :

Cet usage permet notamment :
* changer les propriétés d'une div
* récupérer la valeur d'un input
* gérer le canvas Image
Read 12 tweets
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 Image
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…
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 !! Image
Read 11 tweets
Ever wondered what it takes to build an intelligent Q/A assistant? 🤔

@OpenAI #gpt3 and a few hours is all you need!

🤯 Yes, you heard it right!

🕹 Built a #javascript wizard using @streamlit to answer all your queries like a human expert!

A thread 🧵

#nlproc #AI #lowcode
@OpenAI @streamlit Gone are the days when you had to spend hours on @StackOverflow for resolving code-related queries!

🪄 Javascript wizard gives you precise answers to all your #JS related questions by leveraging #gpt3's latest code-davinci model that understands your queries just like humans!
@OpenAI @streamlit @StackOverflow I have made the application code #OpenSource so you can just clone the repo and build #gpt3 powered #AI applications for your usecase!

👨‍💻 GitHub Repo - github.com/Shubhamsaboo/j…

#NLP #lowcode #nlproc
Read 8 tweets
Sometimes it’s difficult to remember that “coding well” isn’t just about clean code—meeting deadlines is no less important. Especially when you’re a junior, memorizing syntax will only get you so far. Here are 7 #techtips for efficient coding from our engineers,🧵:
#javascript
1. Learn the most important libraries for your use cases. This way, you’ll be less likely to try and reinvent the wheel. Lodash(#JS) & KTX(#Kotlin) are two examples.
2. Contribute to open-source projects! You’ll gain all kinds of experience, from working with other people’s #code to collaboration and time management.
Read 8 tweets
Are you a #JavaScript #developer looking for ways to improve from day to day? You’ve come to the right place! Bury yourself in encryption, testing, closures and many more talks from #JS experts all over the world.

blog.meetupfeed.io/7-javascript-m…

#programming
The Art of Writing Secrets - Encryption for JavaScript Developers via @WomenWhoCode @jischr
Jen Schreiber is a Senior #SoftwareEngineer . In this talk, she introduces you to encryption in JavaScript- all you need to know.
meetupfeed.io/talk/the-art-o…
#JavaScript Tests in #Node, the Browser, and CI via @rob_rich
Watch as Rob live-codes sync tests, async with callbacks, promise-based tests, and async/await tests. He crafts tests in Node, tests in the Browser, and unit tests that run from CI.
meetupfeed.io/talk/java-scri…
Read 9 tweets
#AboutRSS 电报频道上的 “与 RSS 有关的 Coding 向 #教程 分享” 已发布 6 期,同样开个 #Thread

「基于 Liuli 构建纯净的 RSS #公众号 信息流 」

juejin.cn/post/705768750…

#微信
「Add RSS Feeds to Your Website to Keep Your Core Readers Engaged」

「给 #hexo #博客 新增 RSS 功能支持」

zhuanlan.zhihu.com/p/460818216
Read 51 tweets
Hey ¿Podrías encontrar el bucle infinito en esta comparación? 👀

Si luce algo fácil, quisiera contarte algo más que se descubrió en códigos como estos, HACE 86 AÑOS 🧵

#paradoja #algoritmos #js ¿Cuál de los siguientes códigos ocasionará un bucle infi
♾ Un while(true) es sencillo de ver ¿verdad?:

¿Y qué ocasiona? Que cuando le ejecutes, el programa se detendrá en un bucle infinito. 🔁

❌ Pero además, desde hace décadas se sabe que NO EXISTE un algoritmo capaz de identificar si toda pieza de código se detendrá o no...
👨‍🔬 Alan Turing probó esto mismo en 1936, a través de un ejemplo interesante donde suponemos que sí existe y *spoiler* luego entendemos por qué no.

Es una paradoja simple que podría ser explicada incluso en JavaScript:
Read 5 tweets
En el temario del Taller de Web Performance de marzo, uno de los puntos es "Conceptos avanzados".

Te explico lo que veremos 🧵

👉🏼 nucliweb.net/workshops/web-…

#WebPerf #Performance #PerfCrafters #WPO #JS #JavaScript #WebAssembly Image
1️⃣ Web Workers

Con un soporte de casi el 100% de los navegadores (desde IE10 😜), los Web Workers nos ofrecen la posibilidad de ejecutar procesos fuera del hilo principal, mejorando así el rendimiento y la UX ImageImage
2️⃣ Service Workers

Con los Service Workers podremos tener un alto control en la gestión de la caché, o tener navegación offline, mejorando así la experiencia de nuestro producto tanto en las navegaciones recurrentes Image
Read 6 tweets
"Jerusalem" (British Patriotic Song)


One of the songs in the Kabalarian Philosophy's second Song Book #js
Probably my first exposure this British "anthem" was ELP's version:


Saw them twice in concert. Just three guys. Emerson the innovator on organ, Lake's crystal clear vocals & Palmer's drum set 😎
"Carl Palmer and His Five Thousand Pound Steel Drum Set"
wisconsinmusicman.com/2012/05/carl-p…
Read 7 tweets
🧙‍♂️ Quer se tornar mestre em Javascript? Então se liga nesses 4 repositórios incríveis com muito conteúdo que vai te ajudar demais!
Awesome Javascript projects: github.com/Vishal-raj-1/A… Image
2️⃣ Airbnb Javascript Style guide: github.com/airbnb/javascr… Image
Read 7 tweets
Você tem uma mina de ouro em suas mãos, ou melhor no seu computador!

8 repositórios no GitHub para você se tornar um mestre Jedi em Javascript. 🧵👇
1️⃣ What the F*uck Javascript: github.com/denysdovhan/wt… Image
2️⃣ JS the right way: github.com/braziljs/js-th… Image
Read 10 tweets
Se você está sem ideia de como fazer a construção do seu site, se liga nesse post com 11 sites de templates incríveis de HTML pra te ajudar nessa missão. 🧵👇
Read 13 tweets
Você passa horas procurando ícones diferentes?

Então dá uma olhada nessa lista com 6 sites pra encontrar ícones de vários tipos para dar um up nos seus próximos projetos e economizar tempo.🧵👇
1️⃣ Icons 8: icons8.com
2️⃣ Icon - Icons: icon-icons.com
Read 8 tweets
Sites pra você estudar enquanto joga assim nem vai ver o tempo passar e ainda melhorar as suas skills e se tornar fera em javascript. 🧵👇
1️⃣ CodinGame: codingame.com/start
2️⃣ CodeCombat: codecombat.com
Read 10 tweets
Projects Alert : 140 Python Projects with Source Code
You don't have to go to a university or pay hefty tuition to learn ML when you can learn for FREE.

An extensive list of 100+ Most Valuable Github Repository for ML, beginner to advanced.
theinsaneapp.com/2021/09/best-g…
#Python #DataScientist #Programming #Machinelearning #100DaysofCode
Read 5 tweets
5 sites que todo dev frontend precisa conhecer 🧵👇
2️⃣ CSS Tricks: css-tricks.com
Read 7 tweets
Os melhores repositórios para aprender Javascript 🧵👇
1️⃣ You don't know JS: github.com/getify/You-Don…
2️⃣ Javascript Algorithms:github.com/trekhleb/javas…
Read 8 tweets
6 sites para você nunca mais perder tempo escrevendo hooks no React!
🧵👇🏻
👉🏻 React-use
github.com/streamich/reac…
👉🏻 React-hooks
nikgraf.github.io/react-hooks/
Read 8 tweets
DIE FEINEN UNTERSCHIEDE

1/3 thread:
1/3

ich sehe eine fahne .at 🇦🇹und fühle:
- alpine folklore

ich sehe eine fahne .de 🇩🇪
- selbstbewusssein

ich sehe eine fahne .ch 🇨🇭
- #nationalismus
2/3

das genau gleiche #RADIO ist in

.de 🇩🇪 das symbol für den zerfall von #massenmedien auf massen leitende medien: de.wikipedia.org/wiki/Radiotheo… #Radiotheorie

.uk🏴󠁧󠁢󠁳󠁣󠁴󠁿🏴󠁧󠁢󠁥󠁮󠁧󠁿 @BBCWorld oder .ch🇨🇭#Beromünster das mittel im kampf gegen deutschen nationalsozialismus de.wikipedia.org/wiki/Radio_Ber…
Read 17 tweets
A STACK mais rápida para criar um App em 2021 🧵👇
TypeScript 👇 Image
NextJS 👇 Image
Read 9 tweets
10 FREE @udemy courses to become a full stack web developer (in an arranged order):
What's included? 👇
✅ HTML & CSS
✅ 2 Projects (HTML + CSS)
✅ JavaScript
✅ Web design
✅ Project (HTML + CSS + JS)
✅ Git & GitHub
✅Noje JS
✅ Express JS


#100DaysOfCode #webdevelopment #JS
1. Learn HTML & CSS From Scratch! The Beginners Guide

→ Ever wanted to make websites but didn't know how to start? Then this course was made for you!

udemy.com/course/learn-h…
2. Learn HTML5 and CSS3 By Coding Your First Website

→ Learn and build your own website with HTML5 and CSS3

udemy.com/course/learn-h…
Read 12 tweets
3 sites para você adicionar na sua lista de recursos úteis que vão te ajudar como programador

🧵👇🏻
1️⃣ Public API
Site com mais de 100 API's públicas para você se aventurar com integrações e até ter ideias de novas ferramentas.
github.com/public-apis/pu…
2️⃣ Git Explorer
Encontre os comandos certos que você precisa sem precisar procurar por todo o lugar, ele te mostra o código e uma nota de como usar esse código.
gitexplorer.com
Read 5 tweets
Object Methods Cheat Sheet: 📚

Check it out: 🔥

🧵See Threads 🧵

#100DaysOfCode #CodeNewbies #JS #javascript
Object Methods Cheat Sheet Part 2:
Object Methods Cheat Sheet Part 3:
Read 4 tweets
#favicons are #SVG with #XML payloads easily injected by malicious programs. #KHTML has been around for a very long time and this methodology of obfuscation has been in development since #NetscapeNavigator
whats a #favicon?
😉😄😆😅😌🥰😀😅😌🥰 lol dunno, sry bruh
Read 4 tweets

Related hashtags

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.00/month or $30.00/year) and get exclusive features!

Become Premium

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

Donate via Paypal Become our Patreon

Thank you for your support!