In this article, you are going to learn about how to use the switch statement in React. In JavaScript, the switch statement is used for making decisions. It works as the if-else statement but there are some syntactical differences. It plays an important role when you need to execute one of many code blocks based […]
In this article, you will learn about how to use the react-bootstrap modal in react. In react, a modal is nothing but a message box that is visible on the top of the screen of a webpage. You may familiar with the alert() message that is displayed on the top of your screen. But if […]
In this article, you will learn about how to fix module not found: can’t resolve in React. In React, module not found: can’t resolve is a common problem and often occurred. The reason behind this problem is not so serious but still, we need to find out why this kind of problem occurred. Recently, while […]
In this article, you will learn about how to use react-bootstrap tabs in React. React-bootstrap is a front-end framework that is specially designed for React. We can easily use it in react and with the help of react-bootstrap tab, we can separate a bunch of content into different components. The best way to learn how […]
In this article, you will learn about how to use react-select in React In web projects, Select elements from a select box are widely used and with the help of JavaScript, you may perform this. But now things have been changed and we always want to make the user experience more interactive. To do so, […]
In this article, you are going to learn about how to use forEach loop in react. In JavaScript, the forEach() loop is considered as an array method that is used to iterate each item of an array with the help of a callback function. Let me assume that you have already familiar with JavaScript fundamentals. […]
In this article, you are going to learn about how to format dates in ReactJS. ReactJS is a JavaScript library that is used in the front-end to better the UI experience. With react you can do many interesting things. The most interesting part is that you can write JavaScript code here easily. You already know […]
In this article, you will learn about how to use the ternary operator in React. A ternary operator is a kind of operator that takes three operands and helps programmers to make decisions. It is a shorter form of the if-else conditional statement. As it takes three operators, it is called the ternary operator. Before […]
In this article, I am going to explore using GraphCMS, React.js, and GraphQL to develop a prototype CRUD (Create, Read, Update, Delete) application by leveraging the Content and Mutation APIS — the two API categories exposed by the GraphCMS software. Traditionally, content management systems have been bulky, all-in-one software solutions for effectively creating, managing, storing, […]
In this tutorial, we will learn to build a simple network monitoring app using React Hooks. Use case Sometime while using our React application a user connects with a network with no data connection. In that case your app must show the user network connection status. Pre-requisite Basic understanding of JavaScript ES6 Basic understanding of […]
In this tutorial, you will learn how to use React datepicker in your React project. You will learn from a basic example to a specific use case by creating a hotel booking component using React-Datepicker. React-datepicker is a simple and reusable component for React. This component currently has around 314 contributors with more than 600.000 […]
In React State of a component is an object that holds some information that may change over the lifetime of the component. We should always try to make our state in React as simple as possible and minimize the number of stateful components. Let’s create an user component with message state, State is similar to props, […]
In JavaScript, a pure function will always return the same result in other words Its return value is the same for the same arguments. In React the memo function is used to create React pure components. A pure component in React is a component that always renders the same output, given the same arguments. Let’s […]
Hooks are the new trend in React Community and are inevitable for any React developer who prefers functional components to the class base components. Hooks changes the way our React code is written, making our code clean and more readable. In this article, we will learn what is custom hooks? how to create React custom […]
In this article, we will create a React PWA that has reusable React components and styling using Create React App and styled-components. The application will use data fetched from an external REST API. Pre-requisite Basic understanding of JavaScript ES6 Basic understanding of HTML and CSS Basic understanding of react Have Nodejs installed on your machine […]
