Printing Perfection, A Developer’s Journey with React-to-PrintImage by OpenClipart-Vectors from Pixabay As a requisite for a commercial application, sometimes it's needed to implement a printing solution that is not the browser's default. Why the browser print API is limited While we are accustomed to using CTR...Jan 15, 2024 · 7 min readbuaiscia.hashnode.dev
How to Handle Scroll Events in ReactIn this blog post, we’ll explore how to handle scroll events in a React application. We’ll focus on an issue developers could face: synchronizing state with the scroll position. The Problem Imagine you’re building a complex UI with multiple sections,...Oct 25, 2023 · 5 min readbuaiscia.hashnode.dev
Testing the styles of DOM elements with React Testing LibrarySometimes -or often, depending on the case- we need to test some particular style that can change depending on some property. The way this is implemented depends on the library we use for the styling. Supposing that we have some text, inside a compon...Feb 16, 2023 · 2 min readbuaiscia.hashnode.dev
Removing Default React Imports. For a Cleaner CodeIf you are one of the many people migrating their projects to React 18, maybe you skipped one great feature for your code coming along from the previous version (17): you can remove all default React imports! To be precise, it was present also in som...Feb 13, 2023 · 2 min readbuaiscia.hashnode.dev
Fixing Material UI and Emotion's handling of Transient OptionsRecently I encountered an issue with the Material UI that I couldn't wrap my head around. What was happening? Modern libraries for managing custom CSS, like Styled Components or Emotion, have accustomed us developers to the possibility to use styled ...Jan 31, 2023 · 2 min readbuaiscia.hashnode.dev
