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


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: