๐Ÿš€ hSnaps + Hive React Kit Update: Feeds, Profiles & Power Upgrades! ๐Ÿ”ฅ

Words
577
Reading
3 min
7M
Listen to this post
~4 min

Hey Hive fam! ๐Ÿ‘‹
Back again with another development update as part of my continuous contributions to the Hive ecosystem ๐Ÿ’ช๐Ÿ
This time, Iโ€™ve been working on improving the hSnaps app and enhancing the Hive React Kit with some powerful features and UI upgrades!


๐Ÿ“ฐ Feed Filters & Smart Content Control ๐ŸŽฏ

One of the biggest improvements in this update is giving users full control over their feed experience:

  • โœจ Added new feed filter options:
    • Newest
      Newest Feed Desktop View
    • Trending
      Trending Feed Desktop View
    • Following Feeds
      Following Feed Desktop View
    • My Feed
      My Feed Desktop View

Now users can easily switch between different content types and personalize their experience like a pro ๐Ÿ˜Ž

  • ๐Ÿ‘ฅ Implemented a Following System
    • Users can now view posts only from accounts they follow โค๏ธ
    • Makes the feed more relevant and engaging!
  • ๐Ÿ”„ Improved feed behavior:
    • Smooth pagination for loading more posts ๐Ÿ“œ
    • Clear empty-state messages when no content is available (no more confusion ๐Ÿ˜„)

๐ŸŽฌ Optimized Media & Video Playback (3Speak, YouTube, Twitter)

Media experience got a major glow-up! ๐ŸŒŸ

  • ๐ŸŽฅ Added better support for embedded content:
    • 3Speak videos
    • YouTube videos
    • Twitter posts

3Speak Video Embedded
3Speak Video Embedded

Youtube Video Embedded
Youtube Video Embedded

  • โšก Optimized lazy-loading with click-to-play
    • Faster load times ๐Ÿš€
    • Reduced unnecessary data usage ๐Ÿ“‰
  • ๐ŸŽฏ Smart playback system:
    • Only one video plays at a time (no chaos anymore ๐Ÿ˜‚)
    • Clean and consistent layout for all media types

๐Ÿ‘ค User Profile Page + Social Features

Introducing the brand new /user/@username profile page ๐Ÿฅณ

  • ๐Ÿ“Œ Snaps-only feed for each user
  • ๐Ÿ‘ฅ Follower & following counts
  • ๐Ÿ“ฑ Fully responsive header UI

Followers and Following Counts On Mobile View
Followers and Following Counts On Mobile View

โšก Actions Added:

  • โž• Follow / Unfollow
  • ๐Ÿ”— Share profile
  • ๐Ÿšฉ Report user via ReportModal

Responsive Action Menu
Responsive Action Menu

All powered using aioha integration ๐Ÿ’ช


๐Ÿ” Hive Auth Context Integration

Authentication just got more robust and developer-friendly ๐Ÿ”ฅ

  • โœ… Integrated AuthProvider and useAuthContext
  • ๐Ÿ”„ Unified useAuthData parsing:
    • serverResponse
    • token
    • ecencyToken
    • provider
  • ๐Ÿ’ก Result:
    • Reload-safe login state
    • Cleaner auth flow
    • Better developer experience

๐Ÿ“ฑ UI Enhancement: Mobile Sidebar Upgrade

  • ๐Ÿ“Œ Moved HiveLoginButton to the very top of the sidebar on mobile
  • Positioned just above the Feed section
  • Improves accessibility and visibility for new users ๐Ÿš€

All Feed in Mobile Sidebar menu Responsive UI
All Feed in Sidebar menu Mobile View


๐Ÿงฐ Hive React Kit Improvements

Continuing my contributions to the Hive dev ecosystem ๐Ÿ› ๏ธ

  • ๐Ÿ”ป Created a Bottom Toolbar
    • Includes Hive ecosystem app links ๐ŸŒ
    • Added branding logo for better identity

Bottom Toolbar Implementation
Bottom Toolbar Implementation

  • ๐Ÿ“ฆ New version successfully deployed on NPM ๐ŸŽ‰
    Making it easier for developers to integrate and build faster!

๐Ÿฆพ Power-Up the Hive! ๐Ÿš€๐ŸŒ’

  • ๐Ÿ’ช Making Hive stronger, one bug at a time!
  • ๐Ÿง™โ€โ™‚๏ธ Open-source wizards, your code = my spellbook
  • ๐Ÿš€ Hive rocket โ†’ MOONโ€ฆ unlimited upvotes incoming! ๐ŸŒš

๐Ÿ™Œ Support, Laughs & Good Vibes

  • Found a bug? Smack it with an UPVOTE ๐Ÿž
  • Want more Hive magic? Vote me as Hive Witness ๐Ÿง™โ€โ™‚๏ธ
  • Jokes, tips, Hive-loveโ€”send them my way โค๏ธ

Until next timeโ€”BYEEE ๐Ÿ‘‹๐Ÿš€


๐Ÿ“ Final Note


๐Ÿ”— Apps which I recommend built by us
hReplierhPollshStats
---------
hSnapshFestFactsKnow more about us
---------
๐ŸŽ—๏ธ Support & ๐Ÿค™ Contact us
TransparencyVote as witnessSupport via Discord
๐Ÿš€ hSnaps + Hive React Kit Update: Feeds, Profiles & Power Upgrades... | Ecency