HiveReactKit Dev Update: Smarter Snaps Feed, Community Scrolling & Rich Media Embeds

Words
572
Reading
3 min
Listen
Play
21d

HiveReactKit improves Community scrolling, Re-Snap media embeds, Spotify players, and poll translation support.

Image

HiveReactKit

Snaps Feed Stability & Community Scroll Improvements

Improved Snaps Feed Handling

  • Fixed an issue affecting the Snaps feed list endpoint.

  • Improved feed loading reliability for a more consistent browsing experience.

  • Ensures Snaps content loads correctly across supported views.

Community Scroll Fix

  • Fixed scrolling issues on Community Detail pages where the Snaps feed could intercept page scrolling.

  • Community pages now scroll naturally, even when large Snaps feeds are present.

  • Added proper feed-column identification to prevent incorrect scroll interception.

  • Introduced dedicated page-scroll mode for Community Snaps feeds.

  • Community Snaps now integrate seamlessly with the overall page scrollbar for a smoother navigation experience.

Community Snaps Scroll Improvements

Community Snaps Scroll Improvements


Cleaner Re-Snap Preview Experience

Simplified Embedded Post Cards

  • Removed the "Post" badge from embedded post previews inside Snaps feeds.

  • Embedded previews now look cleaner while keeping all important post information visible.

  • Improves readability and creates a more consistent appearance across the feed.

Better Feed Presentation

  • Reduced unnecessary visual clutter inside embedded previews.

  • Makes conversations and shared posts easier to browse without distracting labels.

Re-Snap Preview Cleanup

Re-Snap Preview Cleanup


Rich Media Support for Re-Snaps

Full Embedded Media Rendering

  • Fixed Re-Snap previews so they now display full media embeds instead of raw URLs.

  • Introduced a reusable AttachmentStrip component for consistent media rendering across the kit.

  • Supported embedded content now includes:

    • 3Speak videos
    • YouTube videos
    • Twitter/X posts
    • Images
    • GIFs
    • Audio files
    • Other supported embedded media
  • Embedded content now appears directly inside preview cards, creating a richer browsing experience.

Rich Media Re-Snap Support

Rich Media Re-Snap Support


Spotify Embed Support

Native Spotify Players

  • Added built-in support for Spotify embeds throughout HiveReactKit.

  • Supported content includes:

    • Tracks
    • Albums
    • Playlists
    • Artists
    • Podcasts
    • Podcast Episodes
  • Spotify links now render as inline players instead of plain text URLs.

Better Content Discovery

  • Users can interact with shared Spotify content directly from posts.

  • Eliminates the need to open external pages just to preview audio content.

Spotify Embed Support

Spotify Embed Support


Translation Improvements

Better Poll Localization

  • Fixed poll question translations inside Post Detail pages.

  • Fixed translated poll options displayed within poll widgets.

  • Polls now correctly respect the currently selected application language.

Cleaner Post Content

  • Embedded media URLs are automatically removed from preview text once rich media is rendered.

  • Creates cleaner post layouts while preserving the author's intended content.

Poll Translation Improvements

Poll Translation Improvements


Internal Improvements

Shared Media Infrastructure

  • Introduced the reusable AttachmentStrip component for consistent embedded media handling.

  • Improved Community feed scrolling behavior across nested layouts.

  • Enhanced media detection and rendering throughout Re-Snap previews.

  • Expanded support for modern embedded media providers.

  • Successfully rebuilt and verified both HiveReactKit and HiveSuite after the updates.


Powering the Hive Ecosystem

  • Continuously improving HiveReactKit with reusable components that make Hive applications richer and more responsive.
  • Building shared infrastructure for media rendering, translations, and smoother community navigation across the Hive ecosystem.
  • Contributing open-source enhancements that improve usability, consistency, and long-term maintainability for every Hive frontend using HiveReactKit.

Final Note

  • This post has been refined with the help of AI to improve readability and structure.
  • The original development updates and optimized version are both available for reference.

More Links
HiveSuite AppVote as WitnessSupport via Discord


▶️ 3Speak

HiveReactKit Dev Update: Smarter Snaps Feed, Community Scrolling & ... | Ecency