L'ecosistema JavaScript e TypeScript.
L'IA ha vinto la guerra di TypeScript. Il dibattito è finito. TypeScript non ha vinto grazie ad argomentazioni migliori. Ha vinto perché gli strumenti di IA hanno reso il dibattito irrilevante. I ricercatori hanno trovato un modello chiave...
Un controllo della larghezza diceva che la stringa era sicura da tagliare. Ha tagliato un kanji a metà. Un nome è stato inserito in una tabella terminale ed è uscito danneggiato. Il cognome era 𠮷田. Il primo carattere non è il c…
Operazioni CRUD sul DOM. Il Document Object Model (DOM) è il modo in cui i browser rappresentano l'HTML. Trasforma ogni elemento, attributo e frammento di testo in un oggetto. JavaScript utilizza questi oggetti…
Come configurare React Context. Il prop drilling rovina il tuo codice. Passi i dati attraverso cinque livelli di componenti che non ne hanno bisogno. React Context risolve questo problema. Tuttavia, la maggior parte delle configurazioni crea…
Testare le email digest di Nodejs senza rumore nella casella di posta. Le email digest causano problemi quando gli ambienti di anteprima inviano riassunti a un'unica casella di posta condivisa. Si perde traccia di a quale messaggio apparteng...
Testare i flussi di modifica dell'email senza perdere link. Cambiare l'email di un account sembra un'operazione banale, ma è una trappola comune per i team di QA. Un tester aggiorna un indirizzo. Un'altra persona apre l'email...
La regola dei 3 secondi per le prestazioni web. Hai tre secondi. Dopo di che, i tuoi utenti se ne vanno. Una ricerca di Google mostra che il 53% degli utenti mobile abbandona un sito se impiega più di 3 secondi...
Utilizzo dei React Refs e dell'hook useRef. React utilizza un approccio dichiarativo: aggiorni lo stato e React aggiorna l'interfaccia utente. Questo funziona per la maggior parte delle operazioni, ma a volte è necessario uscire da...
Perché usare l'indice come chiave in React è una cattiva idea. Crei una lista dinamica in React. Elimini un elemento. All'improvviso, lo stato dell'interfaccia utente di un altro elemento cambia. Oppure, ordini una lista e l'in...
Monitora i visitatori del sito web in tempo reale senza abbonamenti. Un cliente voleva vedere chi fosse sul suo sito web in tempo reale. Gli piaceva il widget di Tidio, ma non voleva pagare un abbonamento...
Perché hai bisogno della prop 'key' in React. Vedi questo errore nella tua console: "Ogni figlio in una lista dovrebbe avere una prop 'key' univoca." Molti sviluppatori lo ignorano. È un errore. Questo avviso...
Il mio agente di coding ricordava le sessioni, non il lavoro. Un agente di coding può mantenere attivo un thread e sembrare comunque distratto. Mi sono imbattuto in questo problema mentre costruivo CliGate. Ho risolto la continuità delle sessioni...
Padroneggia le liste e le chiavi in React. Renderizzare le liste in React è semplice, ma farlo nel modo giusto è difficile. Molti sviluppatori usano l'indice dell'array come chiave. Questo è un errore. Porta a bug e s…
TypeScript: la parola chiave 'using' e la gestione esplicita delle risorse. I memory leak in produzione spesso derivano da un unico errore: gli sviluppatori acquisiscono risorse ma non riescono a rilasciarle. Connessioni al database...
Testa l'accesso senza password senza il caos della casella di posta. L'accesso senza password sembra facile in una demo. Un utente inserisce un'email. Arriva un link magico. La sessione inizia. In staging, questo flusso diventa m...
Come Node.js gestisce migliaia di richieste. Si dice che Node.js sia single-threaded. Eppure, gestisce migliaia di richieste, legge file e effettua chiamate API senza fermarsi. Come fa...
Il costo nascosto di ogni installazione npm. Abbiamo passato dieci anni a scaricare librerie per sistemare JavaScript. Abbiamo usato moment.js per le date. Abbiamo usato lodash per le utility. Abbiamo usato node fetch per...
Errori nell'uso dei ricircolatori d'aria UV nella produzione alimentare. L'igiene dell'aria è fondamentale nella produzione alimentare. Le aree di confezionamento sono particolarmente sensibili. I microbi trasportati dall'aria possono compromettere la qual...
Creare una guida interattiva per l'app. I team di supporto spesso hanno difficoltà con le app che non hanno mai installato. Un PDF con screenshot è la soluzione standard. La maggior parte delle persone non legge i PDF...
Il frontend invisibile: piccole decisioni che salvano un prodotto. Il miglior lavoro di frontend non compare mai in una demo. Il lavoro che apprezzo di più è invisibile. Nessuno ne fa degli screenshot. Ma…
Come ho aggiornato ogni filiale senza toccare un singolo computer. Ho creato uno strumento desktop interno utilizzando Electron. Funziona su macchine presenti in molte filiali. Queste filiali hanno di…
Checklist per l'ottimizzazione delle prestazioni di React. Le applicazioni lente danneggiano le aziende. Causano un alto tasso di rimbalzo e frustrano gli utenti. Inoltre, aumentano i costi dell'infrastruttura. Tu...
Giorno 5 dell'apprendimento di React: Batching e aggiornamenti funzionali. Pensavo che chiamare più volte un setter dello stato causasse molteplici render. Mi sbagliavo. React è più intelligente di così. Utilizza...
La tua console ti sta mentendo. I DevTools del tuo browser potrebbero trarti in inganno durante il debugging. Non è rotto. È ottimizzato per la velocità, non per una precisione perfetta. Ecco perché non puoi...
