React Redux Unit Testing 💡 To Test Redux, First, we have to mock the store. And to mock store, we will use a package named ‘redux-mock-store’. You can find the package on this link:https://www.npmjs.com/package/redux-mock-store 💡 Let’s configure mock store – 💡 If you have thunk middleware then We have to pass middleware into our store […]
Read More →Micro frontends with Module Federation | Micro frontends architecture react | micro frontend react | module federation micro frontend react | module federation micro frontend | module federation react | module federation examples | module federation react example 💡 What are Micro Frontends? Micro front-end extends the concepts of microservices to the frontend world. Building […]
Read More →react interview question | react interview question and answers | react interview question for senior developer | top react interview question | interview question react | interview question react js | react interview questions 💡 What is the difference between PureComponent and component? React.PureComponent is similar to React.Component. The difference between them is that React. […]
Read More →react interview question and answer, top react interview question, interview question react, interview question react js, react routing interview questions, react js routing interview questions, react-router interview questions, react routing, react routing questions This Article contains Question of React Router V5 and V6 React Router v6https://reactrouter.com/docs/en/v6/getting-started/overview 💡 What are route-matching components? Switch and Route are […]
Read More →hooks react interview questions, react hooks interview questions, interview questions on react hooks, react questions on hooks, react interview question and answer, top react interview question, interview question react, interview question react js 💡 What is a Hook in React? Hooks are a new addition to React 16.8. Hooks are functions that let you “hook […]
Read More →higher order component with functional component, higher-order component in functional component, higher-order component, higher-order component in react, hoc react, react higher-order components, higher-order component in react, react hoc functional component, hoc react functional component, hoc in functional component, higher-order components react 💡 A pattern where a function takes a component as an argument and returns […]
Read More →react interview questions, interview question react js, top react interview question, react interview question and answers, react interview question, react interview question for senior developer 💡 What is DOM or real DOM? DOM stands for “Document Object Model”. It represents the entire UI of the web application as a tree data structure. In simple terms, […]
Read More →interview question react, react interview questions, interview question react js, top react interview question, react interview question and answers, react interview question, react interview question for senior developer ✔ What is NPX? The npx stands for Node Package Execute and is included with npm. If you install npm above version 5.2.0, npx will be installed […]
Read More →React JS Stripe Payment Step 1: You need to create your account on stripe using your Email Id. Sign Up on Stripe Step 2: Activate your account by verifying your email address. You will get a verification link on your email account. Simply click here to activate your Stripe account. Step 3: Get API Key […]
Read More →Create Custom QR Code Component As per Wikipedia – https://en.wikipedia.org/wiki/QR_code A QR code (abbreviated from Quick Response code) is a type of matrix barcode (or two-dimensional barcode) first designed in 1994 for the automotive industry in Japan. A QR code consists of black squares arranged in a square grid on a white background, which can be read by an imaging […]
Read More →How to create a common Helper class 💡 Create a folder named util inside the src folder. 📁src > > 📁util 💡 Let’s create two JS files named Helper.js and util.js. 📁src > > 📁util – 🟠Helper.js – 🟠util.js 💻 Helper.js This is a Class file that contains several commonly used methods with static type. […]
Read More →React Build Routing with Fixed Header To Implement Routing in React, we have required two major libraries You can find the official document of React Router here.https://reactrouter.com/web/guides/quick-start 💡 Imports which are required: In this article, I will show you how to implement React Routing functionality. In Single page application, Routing is the most important feature […]
Read More →React Create Dashboard layout ▶ Understand dependencies first 💡 Install react-pro-sidebar https://www.npmjs.com/package/react-pro-sidebar 💡 Install react icons to get more icons https://react-icons.github.io/react-icons/icons?name=fa 💡 See reactstrap official documents https://reactstrap.github.io/components/alerts/ 💡 You can install React FontAwesome from the below link https://www.npmjs.com/package/react-fontawesome 💻 You can create a new react project with the below command 📁 index.js index.js file is […]
Read More →