In this tutorial, I will show you how to create a basic Modal component from scratch in a Next.js application with pages router. Before we start Important: Next v13 with pages router was used for this tutorial . Here is the Github repository with the source code. If you are using an older version of…
Posts for "react"
Autocomplete component with React and Bootstrap
Implementing typeahead(autocomplete) functionality used to be quite challeging before the modern front end technologies were introduced.In this tutorial, I will show you how I’ve implemented typeahead feature very quickly with React and Bootstrap. Before we start Aside from React, we will also…
React Animations with React Transition Group in practical examples
In this tutorial we will learn how to build web animations from scratch using React and the React Transition Group library. React Transition Group is a small library that allows us to create powerful animations and transition in our React applications. We will start with simple animation and then th…
Styled components – Pros and Cons
In this blog post I am going to express my opinion and share my experience with the Styled components library. For a long time, there have been many discussions about the “proper” way to handle styling in React applications. In the beginning, the most common way to tackle styling was the…
React vs Vue: The Core Differences
This post was originally written by me for the MentorMate blog . As one of the most dynamic fields in software development, front-end is constantly evolving. So much so that it can sometimes seem impossible to keep up with its many emerging trends and tools. With the adoption of ES6 and the function…