You may sometimes encounter a situation where your web page doesn’t take the full height of the browser window and you want your footer to stay at the bottom of the page despite that. That is why it’s important to understand how to create sticky footers.
There are several ways to make the footer sticky, but I will show you the one that I usually use with flexbox. So lets get started!
We will start by giving the html and body tags a height of 100% because we will need to add flexbox to the body tag.
Server-side rendering or SSR is the traditional method that was used to render web pages for a long time. When a user sends a request to the server, the server sends back all…
In React components have many lifecycle methods that we can use in different phases of the component existence. The lifecycle of a component is consisted of three main phases: Mounting, Updating and Unmounting. Lets look at each one of these phases and the methods associated with them.
This phase is usually referred to as the birth of the component. It’s at this phase that the component is created and inserted into the DOM. Some of the most used methods in this phase are: constructor, render and componentDidMount
The constructor method allows us to initialize the state and also to bind…
This method creates a new array with the result of calling a callback that is provided as an argument for every element in that array. …
For the past years the use of mobile devices has grown so fast, and many people prefer to use mobiles to surf the web instead of desktops. This is why building websites that are responsive is an essential skill for developers. Responsive design simply means creating websites that looks good on all devices.
In this tutorial, I will show you how to create a responsive header easily. So lets get started!
But before we do that, Before we start discussing the difference, I just want to mention that there is a difference between let & const and var in determining variables scope. I will focus on var now and talk about let & const later.