How to use React.JS - React Smooth Scroll

Опубликовано: 04 Ноябрь 2024
на канале: Skootl3D
45,190
681

First...I'm sorry about the audio, using a headset currently. Second...the actual tutorial starts at 4:33.

Here, I've put together (what I had hoped to be a small video, but went a bit longer than I figured) a video explaining how to utilize the React Smooth Scroll within your React project.

All of the information I cover is from scotch.io, per a blog post by a James Quick (he has a few different posts, please be sure to give em all a look). The link to this page is below.

For me, it's easiest to learn via watching, not reading, so I felt it a necessity to create a simple video on this as others approach learning the same way. I'm by no means taking this information as my own, I'm simply putting it in video form. :)

Now I did miss a few things in this video. I didn't mention that I use VSCode as my editor, and for more details on React Smooth Scroll, be sure to check out the repo for it (link also below). In addition, as I had to use the Link tags in place of the UL/LI, you can still change the CSS styling by using the 'a' tag.

Example... .navbar a {styles go here} (the 'a' can be used in conjuntion with Link..well, in my exp. it has, can't give the specifics on it tho. :) )

Any questions, please feel free to hit me up, though reaching out to the author of the page here may give more...intelligent responses, as I'm still a React-Noob. :) Thank you for watching!!

Link to blog: https://scotch.io/tutorials/implement...

Link to github repo: https://github.com/fisshy/react-scroll