Why is my React component re-rendering?
Discover 4 techniques to optimize React app performance, minimizing unnecessary component re-renders.
Categoria Frontend
How does React Router location.state works?
The first time I saw the React Router location.state API, I thought it was a really useful feature, somewhat magical, as is often the case with things we don’t understand. This feature allows you to pass data from one route…
Implementing micro-frontends – A path to evolve legacy codebases
Micro-frontends are the present and the future for scaling large client-side applications. Why should you implement this architectural style? Let’s dig into the reasons that led me and my team to adopt it. Working at scale is one of the…
Talk: Accessibility Driven Development
Quest’anno sarò tra gli speaker della quinta edizione degli Accessibility Days, la più grande conferenza italiana sui temi di Accessibilità e Inclusività delle tecnologie digitali! L’evento è organizzato in occasione del GAAD e la partecipazione è gratuita! 📅 Vi aspetto…
Testing Library Recipes – Choosing Query
As frontend developers, we build software that lives in the browser. The DOM is the abstraction we rely on for creating user interfaces. Thus, testing a web application means making assertions about the DOM and its behavior. Testing Library provides…
Testing Library Recipes – Getting Started
Automated software testing has become a critical organization process within software development to ensure that expected business systems and product features behave correctly as expected. When developing a React.js front-end application, the React Testing Library is the officially recommended tool…
Polyfills con Babel e Webpack – le basi
Un altro anno è appena cominciato, la tecnologia avanza, così come la specifica ECMAscript che ci permette di utilizzare costrutti sempre più avanzati per scrivere il nostro codice. Spesso però le nostre applicazioni hanno come requisito il supporto di browser…
JavaScript image compression and resizing
Uploading and downloading images is a very common feature in modern web applications but exchanging files between client and server can quickly become a high resource consuming task. We must also consider that most Internet traffic comes from mobile devices,…
Data fetching con React Hooks
Richiedere dati ad una REST API è una attività comune alla maggior parte delle Single Page Application. A causa dell’asincrona natura delle richieste al server è sempre necessario gestire lo stato della richiesta, quindi la fase di caricamento e la…
Un nuovo strumento di diagnosi: react-native doctor
Gestire e tenere aggiornato un progetto React Native è notoriamente complesso principalmente per via della natura eterogenea delle tecnologie di cui è composto. Specialmente per chi viene da un profilo web non è facile aggiornare e configurare correttamente le varie…