--- title: Using React Shepherd to build a site tour | daily.dev description: Learn how to use React Shepherd to easily implement a site tour on your website. The React Shepherd library provides convenient ways to access methods and set... canonical: https://daily.dev/posts/using-react-shepherd-to-build-a-site-tour-izetgbcge twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Using React Shepherd to build a site tour | daily.dev og:description: Learn how to use React Shepherd to easily implement a site tour on your website. The React Shepherd library provides convenient ways to access methods and set... og:url: https://daily.dev/posts/using-react-shepherd-to-build-a-site-tour-izetgbcge og:image: https://api.daily.dev/og/posts/IZETgBcGe.png og:image:alt: Using React Shepherd to build a site tour og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Using React Shepherd to build a site tour **[LogRocket](https://daily.dev/sources/logrocket)** · 19 min read · 24 upvotes · 0 comments ## Summary Learn how to use React Shepherd to easily implement a site tour on your website. The React Shepherd library provides convenient ways to access methods and set objects for the tour without complexities. It accepts props for steps and tour options, and provides advantages for creating a powerful site tour in a React project. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#react](https://daily.dev/tags/react), [#react-hooks](https://daily.dev/tags/react-hooks) [View this post on daily.dev](https://daily.dev/posts/using-react-shepherd-to-build-a-site-tour-izetgbcge) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Using React Shepherd to build a site tour","url":"https://daily.dev/posts/using-react-shepherd-to-build-a-site-tour-izetgbcge","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/using-react-shepherd-to-build-a-site-tour-izetgbcge"},"datePublished":"2024-05-01T18:45:57.068Z","dateModified":"2024-05-09T09:28:18.744Z","description":"Learn how to use React Shepherd to easily implement a site tour on your website. The React Shepherd library provides convenient ways to access methods and set...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/99376de3f3b6834696a78244dbfab022?_a=AQAEuiZ","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/99376de3f3b6834696a78244dbfab022?_a=AQAEuiZ","isAccessibleForFree":true,"articleSection":"LogRocket","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"LogRocket","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/logrocket","url":"https://daily.dev/sources/logrocket"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/using-react-shepherd-to-build-a-site-tour-izetgbcge","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":24},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,react-hooks","timeRequired":"PT19M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"LogRocket","item":"https://daily.dev/sources/logrocket"},{"@type":"ListItem","position":3,"name":"Using React Shepherd to build a site tour"}]} ```