React CSS Module
Localized class names to avoid global conflicts Styles are scoped to individual components Automatically generates unique class names can use alngside global CSS when needed …
Category: React Js
React passing data via props
App.jsxItem.jsxError.jsxApp.jsx import Item from './PropsExample/Item'; import Error from './PropsExample/Error'; function App(){ let DataItem = ['one', 'two', 'three'] return <> <Error data={DataItem} /> <Item data={DataItem} /> …
React Conditional Rendering
In React, we can condtionally render data There is several way to do this... #1=> If-else statements #2=> Ternary operators #3=> Logical operators #Benifts => …
Shopify header menu
Almost all stores have a predefined default menu called "main-menu" which is we are using in default schema as you can see in schema section. …
Event handlers class vs functional components in react
In this article we are going to learn Event Handling in class component and functional component, Event handling basically is a user interaction like mouse …
Axios set base URL in react
In this article we’ll learn how to set base URL using AXIOS for api to get data or perform any operation like CRUD operation. We …
Destructing Props and State in React
Destructing is a ES6 features that make to unpack array of values and property from object into distinct variables. In react destructing props and state …