Skip to main content

Choosing Your Comment Style

Replyke offers two distinct comment component styles, each optimized for different use cases and user experiences.

Available Components

Threaded Comments

Reddit-style threaded discussions
  • Unlimited nesting depth
  • Upvote/downvote with scores
  • Visual threading lines
  • Collapsible threads
  • Focus on structured discussions
Package: comments-threaded

Social Comments

Instagram-style social comments
  • Single-level nesting (max 2 levels)
  • Heart/like system (no dislikes)
  • Top/New/Old sorting
  • Clean, minimal design
  • Quick social interactions
Package: comments-social

Notification Control

Dropdown notification bell
  • Real-time notification updates
  • Smart viewport positioning
  • Mark as read functionality
  • Infinite scroll
  • Lightweight (5 files)
Package: notifications-control

Comparison

FeatureThreaded CommentsSocial Comments
NestingUnlimited depth2 levels (comments + replies)
VotingUpvote/downvote with scoreHeart/like only
Visual StyleThreading lines, indentationFlat, minimal design
SortingBest/Top (by votes)Top/New/Old
Collapsing✅ Collapsible threads❌ No collapsing
Best ForForums, discussions, technical contentSocial media, quick interactions
PlatformsReact (Web)React (Web), React Native, Expo

When to Use Threaded Comments

Choose Threaded Comments when you need:
Forums, technical discussions, and detailed conversations benefit from unlimited nesting. Users can reply to specific points deep in a thread.Example use cases:
  • Developer forums
  • Blog posts with technical content
  • Q&A platforms
  • Community discussions
Upvotes and downvotes help surface quality content and hide low-quality contributions. Scores provide social proof.Example use cases:
  • Reddit-style communities
  • News sites
  • Content aggregators
  • User-generated content platforms
Threading lines and indentation make it easy to follow complex conversation flows and see which comments are responding to what.Example use cases:
  • Long discussions
  • Debates
  • Multi-topic threads
  • Complex conversations

When to Use Social Comments

Choose Social Comments when you need:
Simple, fast commenting without deep nesting. Perfect for social media-style engagement.Example use cases:
  • Photo/video sharing platforms
  • Social media apps
  • Short-form content
  • Mobile-first experiences
Hearts/likes promote positive interactions without the negativity of downvotes. Better for community culture in some contexts.Example use cases:
  • Instagram-style apps
  • Creator platforms
  • Positive communities
  • Brand engagement
Flat, uncluttered interface that doesn’t distract from content. Better for mobile and visual-first platforms.Example use cases:
  • Mobile apps
  • Visual content platforms
  • Minimalist designs
  • Content-first experiences

Can I Use Both?

Yes! You can install both component types in the same project and use them on different pages or for different content types.
# Install both
npx @replyke/cli add comments-threaded
npx @replyke/cli add comments-social
Then use whichever fits best:
// For blog posts - use threaded
import { ThreadedCommentSection } from './components/comments-threaded';

function BlogPost({ post }) {
  return (
    <>
      <Article content={post.content} />
      <ThreadedCommentSection entityId={post.id} />
    </>
  );
}

// For photos - use social
import { SocialCommentSection } from './components/comments-social';

function PhotoPost({ photo }) {
  return (
    <>
      <Image src={photo.url} />
      <SocialCommentSection entityId={photo.id} />
    </>
  );
}
Both component types will be installed in separate directories and won’t conflict with each other.

Platform Support

PlatformThreaded CommentsSocial Comments
React (Web)✅ Fully supported✅ Fully supported
React Native⚠️ In progress✅ Fully supported
Expo⚠️ In progress✅ Fully supported
Threaded comments for React Native and Expo are currently in development. Social comments are fully supported on all platforms.

Next Steps

Ready to add components? Choose your style:

Threaded Comments

Learn about Reddit-style threaded comments

Social Comments

Learn about Instagram-style social comments

Quick Start

Get started in under 5 minutes

Customization

Customize any component to match your brand