How to remove highcharts.com credits link
Highcharts is a popular JavaScript charting library that offers a wide range of interactive and customizable charts for developers. However, if you’re using the free version of…
The basic guide for CSS container queries
As web design evolves, developers have found that responsive design using media queries isn’t always the best solution. Media queries can only respond to the size of…
Highcharts Place text in the center of a pie chart
To place text in the center of a pie chart in Highcharts, you can use the chart.renderer object to create a custom label and position it in…
Test responsive design using jest and react-testing-library
Testing design breakpoints in React applications is an important aspect of front-end development. It ensures that the components look and behave as expected on different screen sizes….
Testing React-Query with Jest and React-testing-library
Introduction In this article we will cover the basic usage of testing useQuery hook from tanstack/react-query library, along with how to test it using jest and react-testing-library….
Highcharts How To Change Series Color with examples
To change the color of a series in Highcharts, there are a set of options we are going to discover in this article. Option 1: Using the…
A quick introduction to Javascript shadow DOM
Introduction JavaScript Shadow DOM is a powerful tool for creating isolated and reusable components in web development. It allows developers to create custom elements with their own…
Mock useSearchParams react testing library
To mock the useSearchParams hook from react-router-dom, you can use Jest’s mock function to provide a mocked implementation for the hook. For example: Consider we’ve a URL…
How to format relative times in Javascript
Introduction Formatting relative times in JavaScript can be a useful way to present information to the user in a human-readable format. A relative time is a time…