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 →Top React JS Interview Questions and Answers 💡 What are 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, it is a structural representation of the web application’s HTML parts & elements. 💡 Why Real DOM is […]
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 →