Before deep diving into closures. Let’s understand few concepts. Avoid Global Variables Using of Global variables should be avoided as much as we can. Let’s understand this with help of an example. Here...
Author - Deepak Sood
Creating Cart Component In this blog let’s create a cart component. Let’s create a cart list as Cart.js. Import Cart.js in App.js Instead of CartItem to be rendered inside the App.js, we need to...
Let’s learn how we can manage and modify state. In this blog we will learn how to increase the Quantity by 1. Let’s increase the quantity and click on add icon. We can see that clicking on the Add icon...
Starting the Project Let’s create a cart in this project. The first step is to break down the components. There will be 3 components corresponding to the app: Nav Bar which will have cart iconcart list which will...
There are 2 different ways by which you can add React to our project. 1st way By adding the script tag to our html code. As we can see that there are 2 libraries – react and react dom. The React library is...
Transitions and Transforms With much theory let’s just directly jump into the coding stuff as we have already discussed the these topics. div doubles To move element further to...
Responsive web design is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes. How to make a website Responsive ? There are 3 ways of doing that. Responsive Web...
Let’s discuss some properties which we can include in our resume project.f Overflow Wrap Let’s understand this with help of an example. Let’s use the property overflow-wrap to handle the...
Before we continue with our project, we should know a bit about Flex. Flex stands for Flexible Box Layout. In flex we arrange elements relative to each other either horizontally or vertically. The best example of flex is...
Let’s create a Resume here. The resume will contain some links on the top which will help navigating inside the resume.Social media links(icons)A photographDescriptionSkillsWork ExperienceEducationPortfolio to showcase...