React Navbar Transition

Using useState and useEffect to make the Navbar fade out

Photo by KOBU Agency on Unsplash

In this article, we are going to create a navbar with the effect of fading out when the user scroll down more than 100px.

Related Course:

React - The Complete Guide with React Hook Redux 2021 in 4hr

React native Expo for multiplatform mobile app development

We are going to create a navbar component, we add the className nav and nav__blue

import React, {useState,useEffect} from 'react'