The following article will help you to understand how to code split with React. lazy and Suspense with React Router beginner guide. There are several ways to implement code splitting in React. Today we are using React.Lazy method for code splitting. Before we start please find below important technologies definitions Code-Splitting …

In this tutorial, we’ll be learning How to Use and Implement Context and useContext Hooks with example React’s Hooks Before we start please find below the important definitions: Hooks — Hooks are a new addition in React 16.8. They let you use state and other React features without writing a…

In this tutorial, we’ll be learning how to add a docker to Create-React App and run the unit tests. — Before we start please find below important technologies definitions. 1. Docker — Docker is a popular open-source project written in go and developed by Dotcloud (A PaaS Company). It is basically a container engine that uses the Linux Kernel features like namespaces and control groups to create containers on top of an operating system.

In this article, I’m going to discuss How to add React Hook Form with Typescript to React Js Application beginner guide :) Before we start please find below important packages with react hook form What is a React hook form? React Hook Form is a library that helps you validate forms in React. …

In this tutorial, we’ll be learning how to integrate Material UI to a React application. This tutorial will also help to understand how we can import any package in React Js like third party lib and how we can utilize and import into our application as per our business requirement…

In this tutorial, we’ll be learning how to integrate testCafe to an existing React application. Before we start please find below the important definitions: TestCafe — A Node.js tool to automate end-to-end web testing. Write tests in JS or TypeScript, run them and view results. TestCafe’s intuitive syntax makes teams…

In this article, I’m going to discuss how to add interface with functional component typed props beginner guide :) Before we start please find below important technologies definitions PropTypes PropTypes are a mechanism to ensure that components use the correct data type and pass the right data, and that components use the right type of props, and that receiving components receive the right type of props.

The following article will help you to understand how to install Typescript with CRA (CREATE REACT APP) and simple interface example beginner guide. In this tutorial we will only learn how to install typescript with Create React app and in the coming article you will learn how to add interface…

In this tutorial, we’ll be learning How to implement High order component HOC’s in React App Higher-Order Components 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 compositional nature. HOCs are common in third-party React libraries, such as Redux’s connect and Relay’s createFragmentContainer.