How to Create a Toggle/Switch Button in React

In this article, we are going to create a Toggle/Switch button in React using hooks. We are using the CRA( create-react-app ) to set up our react project without any efforts. You can find the complete source code for this toggle button at the bottom of this article. Let’s get starting without further delay.

Read More

Setting Up TailwindCSS with React

Tailwindcss is a utility-first CSS framework loaded with classes that help you design almost any design without leaving the HTML. In this article, we are going to learn how to integrate the tailwindcss with React.

Read More

React Hooks and OMDB API example

Today we will create a simple react app with the help of OMDB API requests. This app should compatible with search movies, series, and episodes by using the OMDB API and the detail feature by clicking on a particular movie/series. First, we need to obtain the API Key to use the OMDB request endpoints on their website which is completely free but with certain limits.

Read More

Working With React, Formik and Yup

Form validation on the frontend is a painful task. Thanks to Formik, It will not just create a quick form but also has builtin functionality for onChange, onBlur etc. events. The Formik is designed to handle complex validation with ease. So, let’s just start building a simple SignUp form with React, Formik and Yup.

Read More

Working with TypeScript and React

TypeScript is a typed superset of JavaScript compiled to Javascript and provides optional static typing, classes, and interface. Integrating TypeScript with React is super easy. If you are using the Create React App (CRA) to create your React application boilerplate then –typescript option will auto inject the TypeScript into the boilerplate and install the related dependencies.

Read More