{
  "subreddit": "r/reactjs",
  "page": "https://redlisten.com/r/reactjs",
  "updated": "2026-11-12T00:52:57.808Z",
  "members": 516684,
  "activity": {
    "posts_last_24_hours": 3,
    "posts_per_hour": 0.3,
    "comments_per_hour": 0.9,
    "newest_post_utc": 1794429688.191,
    "newest_comment_utc": 1794386766.559
  },
  "top_threads_this_week": [
    {
      "title": "I built Detent, an open-source React wheel picker with spring physics, morphing text, and rolling numbers",
      "score": 44,
      "comments": 21,
      "created_utc": 1793922738.052,
      "snippet": "I’ve just released Detent, a React wheel picker that grew into a much bigger exploration of interaction details. The wheel has its own momentum and spring physics. I spent a lot of time tuning...",
      "url": "https://www.reddit.com/r/reactjs/comments/1xoy6kf/i_built_detent_an_opensource_react_wheel_picker/"
    },
    {
      "title": "react-brackets: tournament brackets for React",
      "score": 30,
      "comments": 4,
      "created_utc": 1794260838.333,
      "snippet": "Back in 2020 I published react-brackets, a small component for tournament brackets. I shipped a few versions, got busy, and stopped touching it in 2022. The library didn't stop, though. Four years...",
      "url": "https://www.reddit.com/r/reactjs/comments/1xs4tbx/reactbrackets_tournament_brackets_for_react/"
    },
    {
      "title": "This Week In React #304: Next.js, Compiler, Redux Toolkit, Suspense, Resizable Panels, Preact, Redact | RN 0.89 RC, Vega OS, Screens, Hermes, WebView, Unistyles, tgfx, Pager View | Node.js, Parcel, Rspack, Actions, Vitest, jsdom, HTML-in-Canvas",
      "score": 7,
      "comments": 2,
      "created_utc": 1793970021.775,
      "snippet": "",
      "url": "https://www.reddit.com/r/reactjs/comments/1xpc7gp/this_week_in_react_304_nextjs_compiler_redux/"
    },
    {
      "title": "I added funnel, combo and tracker charts to my free React dashboard kit, and made every chart number count to its new value (MIT, Tailwind v4, shadcn registry)",
      "score": 2,
      "comments": 2,
      "created_utc": 1794319606.342,
      "snippet": "I've been building Dashral, an open-source set of React components for admin dashboards. 1.3 adds the four I kept rebuilding in client projects: - Funnel Chart: each step's value and share written...",
      "url": "https://www.reddit.com/r/reactjs/comments/1xsnrvl/i_added_funnel_combo_and_tracker_charts_to_my/"
    },
    {
      "title": "async/await logic and side effects outside React hooks",
      "score": 2,
      "comments": 4,
      "created_utc": 1794290861.244,
      "snippet": "I work on a React SDK for chats that our company embeds into its web and mobile products. Each product has its own settings, and the code grew fast. When I joined, the team was starting a...",
      "url": "https://www.reddit.com/r/reactjs/comments/1xsfep2/asyncawait_logic_and_side_effects_outside_react/"
    },
    {
      "title": "I built a React component library with 90+ components and 27 chart types that themes entirely through CSS variables, no config file, no JS theme object, MIT",
      "score": 2,
      "comments": 1,
      "created_utc": 1794278236.614,
      "snippet": "veloce-ui — an open-source React library with 90+ components and 27 chart types, powered entirely by CSS variables. Rebrand by overriding --vui-primary on :root. No ThemeProvider. No theme object....",
      "url": "https://www.reddit.com/r/reactjs/comments/1xsbfal/i_built_a_react_component_library_with_90/"
    },
    {
      "title": "Testing file sprawl",
      "score": 2,
      "comments": 1,
      "created_utc": 1794000810.238,
      "snippet": "",
      "url": "https://www.reddit.com/r/reactjs/comments/1xpou07/testing_file_sprawl/"
    },
    {
      "title": "I built a coloring site with React + Konva. Here's how I kept the canvas out of React's render cycle",
      "score": 2,
      "comments": 5,
      "created_utc": 1793956954.273,
      "snippet": "I've been building tintly.art, a free coloring site people mostly use on their phones (Next.js 16 + Konva). A few things I learned along the way: 1. Konva lives outside React. The canvas is plain...",
      "url": "https://www.reddit.com/r/reactjs/comments/1xp8j0k/i_built_a_coloring_site_with_react_konva_heres/"
    },
    {
      "title": "Jonas Schmedtmann vs Maximilian Schwarzmüller for react?",
      "score": 2,
      "comments": 31,
      "created_utc": 1793906109.23,
      "snippet": "I've taken Jonas Schmedtmann's HTML + CSS and JavaScript course and am soon going to start learning react and I am wondering if I should just stick with Jonas or try Maximilian. If you've taken...",
      "url": "https://www.reddit.com/r/reactjs/comments/1xorhxj/jonas_schmedtmann_vs_maximilian_schwarzmüller_for/"
    },
    {
      "title": "How do you structure feature-based React apps with Zustand, TanStack Query, providers, and business logic?",
      "score": 1,
      "comments": 2,
      "created_utc": 1794326640.229,
      "snippet": "Hey everyone! 👋 I'm trying to establish a clean, reusable feature-based architecture for React/TypeScript apps, especially when using Zustand + TanStack Query. I'm working on a visual editor that...",
      "url": "https://www.reddit.com/r/reactjs/comments/1xsqq27/how_do_you_structure_featurebased_react_apps_with/"
    }
  ],
  "newest_posts": [
    {
      "title": "Why slide-out Ajax cart drawers fail WCAG 2.1.2 keyboard trap rules (and how to fix them in React & Liquid)",
      "score": 1,
      "comments": 0,
      "created_utc": 1794429688.191,
      "url": "https://www.reddit.com/r/reactjs/comments/1xtt1en/why_slideout_ajax_cart_drawers_fail_wcag_212/"
    },
    {
      "title": "Puck Editor: A deep dive with the creator Chris Villa",
      "score": 1,
      "comments": 0,
      "created_utc": 1794414391.493,
      "url": "https://www.reddit.com/r/reactjs/comments/1xtm6kg/puck_editor_a_deep_dive_with_the_creator_chris/"
    },
    {
      "title": "Architecting a high-traffic React 19 app: Server vs Client Components, state, and performance. How would you answer this?",
      "score": 1,
      "comments": 0,
      "created_utc": 1794375906.797,
      "url": "https://www.reddit.com/r/reactjs/comments/1xt9tnp/architecting_a_hightraffic_react_19_app_server_vs/"
    },
    {
      "title": "I built a zero-dependency streaming Markdown renderer for AI chat replies, n× faster than the next one I benchmarked",
      "score": 1,
      "comments": 0,
      "created_utc": 1794356757.329,
      "url": "https://www.reddit.com/r/reactjs/comments/1xt3g45/i_built_a_zerodependency_streaming_markdown/"
    },
    {
      "title": "I tried Meta's new design system so you don't have to. Does it suck or is it a waste of time?",
      "score": 1,
      "comments": 0,
      "created_utc": 1794356492.526,
      "url": "https://www.reddit.com/r/reactjs/comments/1xt3cma/i_tried_metas_new_design_system_so_you_dont_have/"
    },
    {
      "title": "React Brackets Native",
      "score": 1,
      "comments": 0,
      "created_utc": 1794354321.84,
      "url": "https://www.reddit.com/r/reactjs/comments/1xt2i4j/react_brackets_native/"
    },
    {
      "title": "The hidden accessibility bug in 90% of React SPAs: focus loss on dynamic DOM updates (and how to fix it)",
      "score": 1,
      "comments": 0,
      "created_utc": 1794345196.868,
      "url": "https://www.reddit.com/r/reactjs/comments/1xsyvm0/the_hidden_accessibility_bug_in_90_of_react_spas/"
    },
    {
      "title": "How do you structure feature-based React apps with Zustand, TanStack Query, providers, and business logic?",
      "score": 1,
      "comments": 2,
      "created_utc": 1794326640.229,
      "url": "https://www.reddit.com/r/reactjs/comments/1xsqq27/how_do_you_structure_featurebased_react_apps_with/"
    },
    {
      "title": "I added funnel, combo and tracker charts to my free React dashboard kit, and made every chart number count to its new value (MIT, Tailwind v4, shadcn registry)",
      "score": 2,
      "comments": 2,
      "created_utc": 1794319606.342,
      "url": "https://www.reddit.com/r/reactjs/comments/1xsnrvl/i_added_funnel_combo_and_tracker_charts_to_my/"
    },
    {
      "title": "Foldable phone support for React: hinge detection and two-pane layouts in ~2 kB",
      "score": 0,
      "comments": 1,
      "created_utc": 1794291050.494,
      "url": "https://www.reddit.com/r/reactjs/comments/1xsfgpq/foldable_phone_support_for_react_hinge_detection/"
    }
  ],
  "words_this_week": [
    {
      "word": "built",
      "titles": 38
    },
    {
      "word": "open",
      "titles": 16
    },
    {
      "word": "source",
      "titles": 13
    },
    {
      "word": "components",
      "titles": 12
    },
    {
      "word": "next",
      "titles": 11
    },
    {
      "word": "library",
      "titles": 11
    },
    {
      "word": "free",
      "titles": 9
    },
    {
      "word": "component",
      "titles": 8
    },
    {
      "word": "app",
      "titles": 8
    },
    {
      "word": "server",
      "titles": 8
    },
    {
      "word": "mit",
      "titles": 7
    },
    {
      "word": "shadcn",
      "titles": 7
    }
  ],
  "preview": "This is a preview. Every post and comment in r/reactjs, live, as JSON or RSS on the same paths a Reddit client uses, plus keyword streams to Slack, Discord, webhook or email, needs a free key: https://app.redlisten.com/?signup=1&utm_source=redlisten&utm_medium=subreddit",
  "docs": "https://redlisten.com/docs",
  "attribution": "Source: Redlisten, https://redlisten.com/r/reactjs"
}