How to Make a Silky Smooth Scroll in Reactby@BernardoGarza
17,251 reads

How to Make a Silky Smooth Scroll in React

tldt arrow
Read on Terminal Reader
Read this story w/o Javascript

Too Long; Didn't Read

React-scroll is a component to animate your vertical scroll, and it's effortless to use. In this article, I'm going to show you how to add it to your React Components. The Link component will allow us to animate our scrolling when we click on a link. We need to replace our Visual Studio Code tag with the Link component. We are using styled-components but, that's a topic for a future article. We're going to end up with this: "Live Demo with React"

People Mentioned

Mention Thumbnail

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - How to Make a Silky Smooth Scroll in React
Bernardo Garza Landa HackerNoon profile picture

@BernardoGarza

Bernardo Garza Landa

Front-end


Receive Stories from @BernardoGarza

react to story with heart

RELATED STORIES

L O A D I N G
. . . comments & more!