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 💡 What are Micro Frontends? Micro front-end extends the concepts of microservices to the frontend world. Building a feature-rich, potent browser application, often known as a single-page app, that rests on top of a microservice architecture is now popular.Using Micro Frontends, you can think of a website or web app […]

Read More →

React Interview Questions & Answers 💡 What is the difference between PureComponent and component? React.PureComponent is similar to React.Component. The difference between them is that React.Component doesn’t implement, but React.PureComponent implements it with a shallow prop and state comparison. PureComponent will do a shallow comparison on both props and state when they changed while Component […]

Read More →

Top React Routing Questions & Answers 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 the two route matching components. When a <Switch> is rendered, it searches through its children <Route> elements to find one whose path matches the current URL. […]

Read More →

React JS Interview Questions & Answers 💡 What is a Hook in React? Hooks are a new addition to React 16.8. Hooks are functions that let you “hook into” React state and lifecycle features from function components. Hooks don’t work inside classes. React provides a few built-in Hooks like useState. You can also create your […]

Read More →

Higher Order Component with Functional Component 💡 A pattern where a function takes a component as an argument and returns a new component. A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, per se. They are a pattern that emerges from React’s […]

Read More →

React JS Interview Questions & Answers ✔ 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 as well. It’s a npm package runner that allows you to run any package from the npm registry without having to install […]

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 →