![Why is my React component re-rendering](https://labs.madisoft.it/wp-content/uploads/2024/05/Why-is-my-React-component-re-rendering-768x432.png)
![Why is my React component re-rendering](https://labs.madisoft.it/wp-content/uploads/2024/05/Why-is-my-React-component-re-rendering-768x432.png)
![](https://labs.madisoft.it/wp-content/uploads/2023/02/How-does-React-Router-location-state-works-768x432.jpg)
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…
![](https://labs.madisoft.it/wp-content/uploads/2022/04/Implementing-micro-frontends-768x432.png)
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 - Getting Started](https://labs.madisoft.it/wp-content/uploads/2021/04/Testing-Library-Recipes-768x323.png)
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](https://labs.madisoft.it/wp-content/uploads/2021/04/Testing-Library-Recipes-768x323.png)
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…
![](https://labs.madisoft.it/wp-content/uploads/2020/09/kyle-hinkson-xyXcGADvAwE-unsplash-768x384.jpg)
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,…
![](https://labs.madisoft.it/wp-content/uploads/2020/06/Data-fetching-con-React-Hooks-768x644.png)
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…