We will serve our newly created React app by our node server. We will create a node server and a React app, and this node server will serve the React application on the browser.

This article will be very interesting because we will not run our app though the React command, we will create a Node server and this node server will be responsible to run our react app using the command “node server.js”

In this, we will create a React demo app by using command “create-react-app” and then we will create a Node server in this app, and later…

Let’s create a component, a Type Ahead Dropdown in React from scratch.

In this article, we will create our own type ahead dropdown in react. I was working on a react project, where I need a drop down where I can start typing and all the related results will be shown. But there were some conditions like I need not use any 3rd party library or I can’t use any npm modules also I can’t use bootstrap. So, In your programming career, there would be a possibility to make something like that. …

In this, we will learn about the react internalization and a demonstration of how you can implement internalization in your react app.

# What is Internalization (i18n)?

Internalization is the process or technique of describing something according to the end-users in many countries or you can say in many languages.
Here, Internalization means constructing a web app with the support of multiple languages according to the geolocation.

In this article, we will create a react demo app and then we will implement i18n ( react-intl ) in our app and give the multiple language support ( English, German and French ).

Let's get started.

Step 1: Create an app “i18n-demo”

To…

In this article, we will write the test cases for our React component from scratch using Jest and Enzyme. Also, we will learn more about Jest and Enzyme. Let’s start!

What Is Jest?

Jest is a unit testing framework to write test cases for JavaScript and React codes. Jest was created by Facebook.

The command create-react-app installs Jest and its set of dependencies, so we don’t have to worry about that.

What Is Enzyme?

Enzyme is a JavaScript utility to test React. With the help of Jest, Enzyme becomes more powerful and takes full control of the React app to test each and every aspect of…

In this article, we write test cases for React Hooks to ensure that they will perform well and as expected. In this, we will implement a custom Hook and later, we write test cases for this Hook.

In this article, we will learn what is custom hooks? how to create custom hooks? and how to use this hook in our application?

Read this article for basics of hooks and this article will help to understand more about hooks, I strongly recommend you read these articles first to get the better clarity of hooks.

In this article, we will learn about the custom hooks like What is custom hooks, Where/How to use these hooks?
So let’s start.

Custom hooks:

Custom hooks are nothing but these are javascript functions, while creating a react app, if we have something common logic that…

How you can do a load testing of your API?

What do you mean by load testing: Simply, how much load your API can be bear at a time, This is directly related to your app/API performance, or we can say that what is the performance of your app.

We always do our API's load testing because of the performance, functionality, availability, security, and reliability of the app.

So, the purpose of this article is to introduce the tools which we can use to do load testing of our APIs/app. To do load testing, first of all, we need to…

Hooks are very useful when you are building a react app and using function components in your app, It provides the facilities to use state and lifecycle features in your function component.

In this article, we learned What are hooks? and how/where/when we can use hooks in our react app? If you haven’t read this article, I strongly recommend you to read this article first to get a better understanding of hooks.

In this article, we will learn the following things:
* What is useEffect hook?
* When we can use useEffect hook? …