ShepherdJS Reviews

BundlePhobia Reviews

ShepherdJS mentions (9)

• Using React Shepherd to build a site tour

  In this tutorial, I will show you how to use React Shepherd to easily implement a site tour on your website. React Shepherd is a lightweight wrapper library for Shepherd.js that allows us to create a walkthrough of a website — either parts of the site or the whole application — by using dialogs that represent steps that you create. At the end of this article, we will have a functioning site tour as shown in this... - Source: dev.to / 17 days ago

• Guided Tours Solution for Your Web Application

  Shepherd is a powerful and customizable open source JavaScript library for creating interactive tours and onboarding experiences in web applications. It uses another open source library Floating UI to render the dialog tours. It offers a simple setup process, dynamic content support, the ability to create custom actions and events, and theming and styling too. More importantly, it is responsive too and never goes... - Source: dev.to / 3 months ago

• Reddit: Help us design more content to onboard users

  Using/building something like this would go a long way (https://shepherdjs.dev/) and could also have the benefit of keeping the tours in parity with the current L2 UI. Source: about 1 year ago

• What is the UX term for those pop-up boxes which helps users with their first few tasks after finishing onboarding?

  We’ve called them Product Tours https://shepherdjs.dev is good. Source: over 1 year ago

• How do you call a website „mask“

  Shepard is one such library for this https://shepherdjs.dev/. Source: over 1 year ago

BundlePhobia mentions (50)

• JavaScript Habits That Grind My Gears

  So, before adding a dependency to your projects, ask yourself if you truly need it and check how much a package weighs. If you would like to go through cleaning up process, I wrote an article on optimizing Next.js bundle size on my private blog. - Source: dev.to / 7 months ago

• 3 online tools to use for selecting a future-proof NPM library for frontend and Nodejs projects

  🔴 https://bundlephobia.com/ - estimate a footprint, basically how many Kb will be added to your bundle when you add this dependency to your project. Those may differ a lot, try comparing say - dayjs vs momentjs ;. - Source: dev.to / 8 months ago

• Tiptap vs remirror installation sizes

  I have phobia of dependencies and package sizes, so tiptap is 62KB and remirror is 150KB. Not much difference, since difference is no in MB's. Source: 9 months ago

• Add stepper components to your React app

  External packages increase your app bundle size (you can calculate this using BundlePhobia), so adding a third-party package for every development requirement isn’t always a good choice. Also, third-party packages may not completely fulfill your design requirements and may bring features that you don’t even use. Writing your own stepper component is also an option by including only the required features. - Source: dev.to / about 1 year ago

• Selecting the Right Dependencies: A Comprehensive Practical Guide

  For web projects, there is a great tool to determine package sizes: Bundlephobia. Of course, server-side rendering and tree shaking might reduce the size, but this needs to be always verified. - Source: dev.to / about 1 year ago