Comments

• 

  8 days ago by xarbulu | Reply

  Finally I have concluded my experiment here. Unfortunately, many of the libraries don't support React 19, so with that limitation, I tried https://github.com/elrumordelaluz/reactour/tree/main/packages/tour

  I'm pretty happy with the result. - It is really easy to implement. - It has a lot of features to customize the tour - It doesn't require to change the prod code (besides adding some identifiers to elements).

  I'm not sure if we will ever have this in Trento, but I like "documentation in code" kind of feeling. We could use it explain things we want the users doing. I find it better than pointing a really long docs file.

  I would have liked to upload some video/gif, but that feature is not available here yet.

  Find the code here: code

×
Edit Comment 11901
# A First Level Header
## A Second Level Header

Use one asterisk to *emphasize*

Use two asterisks for **strong emphasis**

- Use hyphens
- for unordereed
- lists

This is an [link to example.com](http://example.com/)

This is an image ![an openSUSE geeko icon](https://en.opensuse.org/images/d/d0/Icon-distribution.png)

This is a user link @hans

This is a project link hw#some-cool-title
More Complex Markdown Help
Formatting Help
• Edit
• Preview
Finally I have concluded my experiment here. Unfortunately, many of the libraries don't support React 19, so with that limitation, I tried https://github.com/elrumordelaluz/reactour/tree/main/packages/tour I'm pretty happy with the result. - It is really easy to implement. - It has a lot of features to customize the tour - It doesn't require to change the prod code (besides adding some identifiers to elements). I'm not sure if we will ever have this in Trento, but I like "documentation in code" kind of feeling. We could use it explain things we want the users doing. I find it better than pointing a really long docs file. I would have liked to upload some video/gif, but that feature is not available here yet. Find the code here: [code](https://github.com/trento-project/web/tree/spike-on-web-tour)
 
×
Reply to xarbulu
Finally I have concluded my experiment here. Unfortunately, many of the libraries don't support React 19, so with that limitation, I tried https://github.com/elrumordelaluz/reactour/tree/main/packages/tour
I'm pretty happy with the result. - It is really easy to implement. - It has a lot of features to customize the tour - It doesn't require to change the prod code (besides adding some identifiers to elements).
I'm not sure if we will ever have this in Trento, but I like "documentation in code" kind of feeling. We could use it explain things we want the users doing. I find it better than pointing a really long docs file.
I would have liked to upload some video/gif, but that feature is not available here yet.
Find the code here: code
---
# A First Level Header
## A Second Level Header

Use one asterisk to *emphasize*

Use two asterisks for **strong emphasis**

- Use hyphens
- for unordereed
- lists

This is an [link to example.com](http://example.com/)

This is an image ![an openSUSE geeko icon](https://en.opensuse.org/images/d/d0/Icon-distribution.png)

This is a user link @hans

This is a project link hw#some-cool-title
More Complex Markdown Help
Formatting Help
• Edit
• Preview