Migrate onboarding tour steps to React
Created by: valerybugakov
Context
-
Onboarding tour functionality relies on the
shepherd.js
library which relies onHTMLElement
text
property to render tour steps. - Most HTML elements for tour steps were created using template string literals.
- We needed to drop global CSS classes and migrate to our React components because of the Wildcard migration.
- The
renderBrandedToString
utility was introduced to enable the migration.
To solve the problem, we need to migrate to a React way of defining tour step content. Here's the related issue mentioned in the utility description: https://github.com/shipshapecode/react-shepherd/issues/612.
Expected behavior
- The
renderBrandedToString
utility is removed. - Onboarding tour steps are defined using the declarative React approach instead of template string literals.