© 2022 Hashnode
#components
In this article we will build a component in react, that receives an array of data and a component that will display the iteration data. This allows you to send data arrays with different types to variable components in order to display the…
React component are the building blocks of our applications, this means that every application you will develop in React will be made up of components. As visual elements, styling them is a big part o…
Prologue A Design system is a set of rules used by all the elements involved in it in order to maintain consistency across a project. This usually includes style guides, reusable components and desig…
To correctly use a Button component as a link in React, we need to override the underlying button HTML tag of the component and turn it into an anchor tag, while still keeping the component styles and…
If you’ve been coding in React JS, the front-end library for building user interfaces, you probably know that it’s the most popular front-end framework in the tech world. Today, we will go deeper into…
1. Backstory In early May of this year, I lost my job as a Lead Developer at a subscription start-up, along with all my colleagues. When I joined the company they had recently had an investment of £4m…
What is the React Lifecycle? React lifecycle is the period it takes our application to birth, grow, and die. It refers to the life span of components during their existence. At every phase in your app…
If you are reading this, you probably know what React.js is and might have already used it Earlier. However, you might be wondering why I am reading about folder structure? Can’t I just stuff all my f…
Modal has become a ubiquitous UI element in modern web designs. It is a simple yet effective design choice with respect to UX. I believe everyone is well aware of how omnipresent a modal element is th…
Introduction We all know that the components in React undergo three main phases namely - mount, update & unmount. The mount phase is when a component initially renders on the screen for the first time. The update phase is when a component …
