Parse Reddit from
the Browser — Free

// Fetch top posts from any subreddit
const PROXY = 'https://corsproxy.io/?url=';
const subreddit = 'programming';

const response = await fetch(
  PROXY + encodeURIComponent(
    `https://www.reddit.com/r/${subreddit}/top.json?limit=25&t=week`
  )
);

const data = await response.json();
const posts = data.data.children.map(p => p.data);

console.log(posts[0].title); // "Why I switched to TypeScript"
console.log(posts[0].score); // 4821
console.log(posts[0].url);   // "https://..."

// Fetch a post and all its comments
const PROXY = 'https://corsproxy.io/?url=';

// Get post ID from a Reddit URL
const postId = 'abc123';
const subreddit = 'javascript';

const response = await fetch(
  PROXY + encodeURIComponent(
    `https://www.reddit.com/r/${subreddit}/comments/${postId}.json`
  )
);

const [postThread, commentTree] = await response.json();

const post = postThread.data.children[0].data;
const comments = commentTree.data.children
  .filter(c => c.kind === 't1')
  .map(c => ({
    author: c.data.author,
    body: c.data.body,
    score: c.data.score
  }));

// Build a Reddit search widget
const PROXY = 'https://corsproxy.io/?url=';

async function searchReddit(query, subreddit = '') {
  const base = subreddit
    ? `https://www.reddit.com/r/${subreddit}/search.json`
    : 'https://www.reddit.com/search.json';

  const params = new URLSearchParams({
    q: query,
    sort: 'relevance',
    limit: '10',
    restrict_sr: subreddit ? 'true' : 'false'
  });

  const res = await fetch(
    PROXY + encodeURIComponent(`${base}?${params}`)
  );

  const json = await res.json();
  return json.data.children.map(p => ({
    title: p.data.title,
    score: p.data.score,
    comments: p.data.num_comments,
    subreddit: p.data.subreddit,
    url: `https://reddit.com${p.data.permalink}`
  }));
}

// Works in any browser — no backend needed
const results = await searchReddit('react hooks', 'reactjs');