Why is my React component re-rendering?
Discover 4 techniques to optimize React app performance, minimizing unnecessary component re-renders.
Categoria Javascript
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…
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…
ES2016 Features
[vc_row][vc_column][vc_column_text]Molti dicono che con l’avvento di ECMAScript 2015 si sia aperta una nuova era per il linguaggio Javascript e credo che non si possa fare a meno di concordare. Da quel momento lo standard sta progredendo a passo costante (un…
Loading Indicator bloccante in React Native Apps
Autore: Stefano Frasca Gli indicatori di avanzamento informano gli utenti sullo stato dei processi in corso, come il caricamento di un’app, lo stato di una richiesta remota, l’invio di un modulo o il salvataggio degli aggiornamenti. Comunicano, inoltre, visivamente lo…