React Infinite Scrolling and Lazy Loading

Infinite Scrolling — Infinite scrolling is a concept used by many sites to enhance user experience and performance. In infinite scrolling, the sites load with some data and as the user keeps on scrolling, more and more data gets loaded. This concept saves time since data is loaded in parts and enhance performance as all the components need not be rendered all at once.

React Hooks and the “Observer” Pattern

How to integrate the “Observer” pattern when using React Hooks

React and TypeScript: Generic Search, Sort, and Filter

A step-by-step guide leveraging the awesome powers of TypeScript generics to implement reusable searching, sorting, and filtering.

Light and Dark Mode in React Web Application with Tailwind CSS

How to make a simple React web application using Tailwind CSS

How to Use the Geolocation API in Your React App

Get the user's coordinates and use them in your next React app

How to style <input/> field in React

Style that ugly generic Choose File button in React or any other framework

How to Push or Append an Element to a State Array with React Hooks?

How to convert any web page into a React web page

How to Animate with CSS Keyframes (in React)

How to Add a File Input Button and Display a Preview Image With React

Using the Material-UI library and the URL object