React Check Internet or Network Connection Status Tutorial

In this tutorial, we will teach how to gradually, and step-by-step detect the internet connection state Online / Offline in React js application using browser APIs. In modern application, user-experience is the secret ingredient that intact the users’ interest. Providing internet connection status to the …

React Custom Reading Progress Bar Component Tutorial

Reading progress bar indicators are mostly seen on blogs as well as social reading sites. The reading progress bar provides the ideal way to motivate your site visitors to scroll through the whole web page to read your site’s content continually. In this guide, we …

React Js TypeScript Keyboard Event Handler Tutorial

Event handler plays essential roles in handling events. In general, events are triggered through the mouse. However, sometimes user needs to fire events through keyboard buttons. This post will show you how to handle keyboard events in React TypeScript app using the KeyboardEvent object. KeyboardEvent …

How to Build Reusable React Toggle Switch Component

Toggle switches help change the state for specific functionality. A toggle switch, aka “toggles”, is a user interface element that contains two mutual states, e.g., ON and OFF. Toggle switches are almost identical to physical switch that allows us to turn things ON and OFF. …

How to Handle Select onChange Event in React

Select element gathers user input from a series of options through a dropdown list component. Do you know how the Select element is created in React? In this tutorial, we will show you how to create a select dropdown in React. How to bind onChange …