Introduction React's version 16.8+ is packed with several hooks with robust functionalities-including the React useEffect Hook. These hooks, over time, have allowed developers to write even more expressive and readable code by providing a more straightforward API to handle React…
Handling data fetching can be tedious with a lot of loading states to manage in a React component, and most of the time, they’re not implemented properly which might cause the app to crash. To address this issue, the React…
Have you ever wondered how popular project management software implemented draggable components that allow users to drag and drop items? In this article, we’ll explore a library called React-Draggable in depth by creating a list with draggable components. Are you…
Introduction to Fetching Data from API Often times, in fullstack web applications, you are required to either interact with a database; this can be a relational or non-relational database, or interact with an API. In such scenarios, you will need to…
Introduction Front-end web development is fast becoming challenging with the rate at which the JavaScript ecosystem is evolving with the release of new JavaScript libraries and frameworks every year. Next.js and React, however, are two fantastic tools that stand out…
Introduction In React, we build applications by breaking down the UI into several components. Often, we use React props to pass data from one React component to another. React props allows us to pass different type of data between two…
By default, React does not support Markdown syntax, it requires a Markdown library to convert the Markdown syntax into a React element. In this article, we’ll explore what Markdown and react-markdown are, why to use react-markdown, and how to use…
Great user experience and user interfaces plays a vital role in the success of any Application. Whether it is a Hybrid Application or a Native one, the end-user demands good UX. When creating any such good experience on an App,…
