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…
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…